Re: [問題] 一堆圖片用CSS來排版

[takumi412 (<(￣ c￣)y▂ξ)]

: 該如何達到下面我想要的配置呢  圖片是P1~P5
: ┌────┬─────────┐
: │        │                  │
: │        │      P2          │
: │        ├─────────┤
: │   P1   │                  │
: │        │      P3          │
: │        ├─────────┤
: │        │                  │
: │        │      P4          │
: ├────┴─────────┤
: │           P5               │
: └──────────────┘
: 謝謝

給你參考一下, IE7 / FireFox 2.0.9 / Opera 9.50 Alpha 測試OK.

<style type="text/css">
<!--
#Block1 {width:1024px;}
#img1 {width:300px; float:left;}
#img2 {width:724px; float:right;}
#img3 {width:724px; float:right;}
#img4 {width:724px; float:right;}
-->
</style>


<div id="Block1">
        <div id="img1"><img src="SKY_01.jpg" /></div>
        <div id="img2"><img src="SKY_02.jpg" /></div>
        <div id="img3"><img src="SKY_03.jpg" /></div>
        <div id="img4"><img src="SKY_04.jpg" /></div>
        <div><img src="SKY_05.jpg" /></div>
</div>



--
               我還沒說完吶~~      夠了夠了，回家啦 !!!
                          \        /
                                 ○
                         ︵ \○╱/|
             . . ﹎ ﹍﹍ ╱￣﹚╱＞

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.105.184.130
※ 編輯: takumi412       來自: 59.105.184.130       (12/19 20:53)
→ kaze:3Q