2011 本站教學範例已全面更新~ 新教學請看 http://www.flycan.com/article/   【到新的教學討論區】
【飛肯設計學苑】- 回首頁 -
回首頁最新開課訊息企業包班教育訓練範例教學區問題討論區交流分享區程式下載區
Photoshop影像達人專修班 Photoshop 遮色片 & 色版創作進階班 CSS 版面設計專修班 ActionScript 3.0 程式設計入門班 ActionScript & XML 進階整合應用班 Dreamweaver & CSS網頁版型設計班

 

本站已全面更新~ 2011年 新教學範例請看 → http://www.flycan.com/article/

 

【CSS 語法】問題討論區
想請教一下css控制問題(置中的方式)

發表新主題   回覆主題
【飛肯】教學網站 首頁 » 【CSS 語法】問題討論區
上一篇主題 :: 下一篇主題  
發表人 內容
sony2000
【新生】
【新生】


註冊時間: 2008-01-04
文章: 2

發表想請教一下css控制問題(置中的方式) 引言回覆

發表於: 2008-01-06 17:31 
我想要的效果就只有置中而已!

聽起來不會很難,但是我想要整個畫面的東西都是置中的!

想要的效果如下面的網址

http://www.icondrawer.com/main.php

下面是我的html

<body>

<div id="top"><div id="top_1"><div id="top_3"></div>

<div id="top_2"></div></div></div>

<div id="vidual"><div id="vidual_1"><div id="vidual_2"></div></div>

</div>

</body>

以下是css

body

{position:relative;

margin-top:0px;

}

[color=#ff0099]#top

{

width:1060px;

height:70px;

top:0px;

}

#top_1

{

background:url(images/index_1.gif);

width:255px;

height:70px;

position: absolute;

left:10px;

}

#top_2

{

background:url(images/index_2.gif);

width:682px;

height:70px;

position: absolute;

left:255px;

}

#top_3

{

background:url(images/index_3.gif);

width:123px;

height:70px;

position: absolute;

left:937px;

}

#vidual

{

width:1060px;

height:275px;

}

#vidual_1

{

background:url(images/index_4.gif);

width:255px;

height:275px;

position: absolute;

left:10px;

}

#vidual_2

{

background:url(images/index_5.gif);

width:561px;

height:275px;

position: absolute;

left:255px;

}

用了很久都不知道要怎麼用成置中!

而這邊我用了position:absolute(但是不知道這個是不是比較好因為這個要算px)

有沒有比較更好的方式可以讓我整個畫面是罝中!

就像在表格裡只要加上align="center"就好了!

div我是不知道問題是出在我html上面還是css上面!

css上面我沒有寫置中(因為…我不知道要怎麼寫才對!)

這邊是我做出來的樣子

麻煩請會的人指導一下…快想破頭了!

感謝幫忙!Orz

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件
【姜】
【老師】
【老師】


註冊時間: 2005-12-01
文章: 1873

發表 引言回覆

發表於: 2008-01-07 01:20 
您先看看這一篇教學

【CSS 語法教學】區塊置中的三種寫法 http://www.flycan.com/board/topic3374.html

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件 MSN Messenger
sony2000
【新生】
【新生】


註冊時間: 2008-01-04
文章: 2

發表 引言回覆

發表於: 2008-01-07 19:38 
有了!

感謝老師的解答!^^"

我的問題終於解決了!

回頂端
檢視會員個人資料 發送私人訊息 發送電子郵件
從之前的文章開始顯示:   
發表新主題   回覆主題     1頁(共1頁)
【飛肯】教學網站 首頁 » 【CSS 語法】問題討論區

 
所有的時間均為 台北時間 (GMT + 8 小時)
前往:  

回首頁】【最新開課訊息】【企業委訓】【範例教學分享區】【問題討論區