2010-08-14 73 views
2

我正在嘗試將文本移動到我的標題旁邊,但它不能使用邊距 - 當我嘗試將所有文​​本框移動時,即使每個文本框都是單獨的div標記,也不會移動。單獨移動文本div標籤

這裏是我的這部分代碼

<body> 
<div id="wrapper"> 
    <div id="header"> 
    <h4><strong>Qtek Australia</strong></h4> 
    <div id="home">Home</div> 
    <div id="Aboutus">About us</div> 
    <div id="Contactus">Contact us</div> 
    <div id="Location">Location</div> 

    </div> 

我試圖移動主頁,關於我們,與我們聯繫,位置,頭文件「QTEK澳大利亞」的權利,請幫忙

+0

你究竟想要在視覺上完成什麼?另外一切都會移動,因爲這些都是在流動中呈現,邊距將影響周圍事物的間距。最有可能你需要使用定位+邊距,浮動或一些組合,但我不能說,因爲它沒有清楚你想做什麼。標題是指'div#header'還是'h4'? – prodigitalson 2010-08-14 07:46:13

回答

0

你可以嘗試在另一個div中包裝h4並將它放在你想要的地方。 如果這是你已經嘗試過的方式,另一種方法可能是將三個div放在左邊一個div中,另外四個放在另一個div中,然後圍繞這兩個div移動。即使你可以讓divitis這樣做,它應該會更容易。

0

我會說你的文檔語義非常模糊。你可能不需要在標題中使用STRONG--可以想象,你真的想要強調錶達的想法,但我懷疑你只希望標題顯得更大膽。使用CSS來實現,如:h4 {font-weight:bold; font-size: 14em;}

也可以想象,您的網頁最適合從某個主題的第四級開始的導航,但這不太可能;在絕大多數情況下,導航會存在較高 - 低於h1或h2。

如果您的導航本身是無序列表,它將更加連貫一致。

<ul> 
    <li>Home</li> 
    <li>About Us</li> 
    ... 
</ul>

這也有一個好處,即允許您將導航元素同時作爲一組和單獨樣式。

您可能不需要在所有這些div中包裝您的元素。 HTML中的大多數元素都是容器 - 標題,列表,段落,幾乎所有的東西都可以被定義,包括定位和移動。例如,將導航列表定位在h4右側的一種方法是用「display:inline」或「float:left」來設置h4的樣式,這將帶來以下元素(列表)到同一條線上。關於這種定位有很多不同的方法,而且這還不清楚這是你所追求的。

澄清你的意思;如果你發佈了你使用的任何CSS或JavaScript,它將會有所幫助。

+0

+1的方法可能不符合目標。冒着犯下異端的風險,有時桌子對於這樣的事情並不是那麼糟糕。不過,修改'display'和'float'屬性可能會起作用,但要注意,除非明確確定容器的大小,否則float通常不會一致。 – 2010-08-14 13:47:58

+0

我不會去調用一個異端的表 - 表本身並不壞,它們可能不是表示這個實現的語義的正確結構。我的觀點是要說明我們需要更多信息才能提出有效的解決方案。我同意我的第一種方法可能是DISPLAY,因爲它具有更高的可預測性。 – 2010-08-14 13:59:40