如何把div container 放進 tab 裡面?

最近學會做一個 image rotator. 是用div container 做出來的
我以前做網頁的方式就是先在 photoshop 上做好設計
然後再切圖 放進 dreamweaver 用table 一片一片的拼出來
(可以參考我的網站 http://www.emchung.com )

但學會這個image rotator. 就想練習看看
特效是做出來了 但卻沒辦法好好的放進table 裡
我的想法是做一個九宮格的table, 中間就放 image rotator
旁邊就只是圖片
但發現不管我怎麼放 他們都沒有辦法緊鄰著旁邊的圖片
請看
http://www.emchung.com/imgRotator/Image%20Rotator/Untitled-7.html

因為是我第一次用 div container (or .folio_block container?)
其實我只是照著書上一步一步的做
做出來很開心 但沒辦法正常的照著自己的設計運用真的是很煩惱

請問大家這該如何解決呢???

謝謝:)
2011-03-18 17:48 發佈
liao_chi_fu wrote:
最近學會做一個 im...(恕刪)


.container {
width: 960px;  <<這行拿掉
padding: 0;
margin: 0 auto;
}

.folio_block {
margin: 20px 0;  <<這行拿掉
float: left;
clear: both;
width: 100%;
}

另外,建議排版儘量不要用table來排,table是用來做資料清單呈現的,雖然排版用table或許可以很快的達到效果,但是當你的版面很複雜的時候,光是看那些tr th td會看到眼花撩亂,如果這時候你老闆或是客戶叫你調整版面時,可能會調到哭出來。
謝謝這位大大 :)
那如果不用 table 來排....那要用什麼排呢????
因為我古早學的方法就是用table 來排 >"<
現在大家都是使用CSS來排版了。
css...
所以也還是可以先在 Photoshop 做好一整頁 然後再切割放進css編排嗎???
我會努力再研究看看.....





不知道有沒有哪位大大 知道更改 javascript?
因為雖然編排的問題已經改好了
但我希望 image rotator 可以自動撥放.....
有人跟我說這就需要改到 java scrip了....



http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js

這是我在這次練習中使用的 java scrip.....

不知道跟改 java scrip 會不會很難....

我知道對我是很難拉 :p

謝謝大家!!
感謝這位大大!!!!! 你真的是太厲害了!!!!!
所以你是有修改 java scrip? 還是在css 上做調整?????
如果我想要調整image rotator 移動的速度
不知道是要在哪裡做調整????



非常謝謝你
謝謝大大
我找到你加的go to next 語法
所以也找到調整時間的方法

謝謝:)
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?