作者takumi412 (<(￣ c￣)y▂ξ)
看板Web_Design
標題Re: [問題] 一堆圖片用CSS來排版
時間Wed Dec 19 20:53:22 2007
: 該如何達到下面我想要的配置呢 圖片是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)
1F：→ kaze:3Q 12/20 01:19