2009-07-03 61 views
0

所以我想有這樣的句子的其餘部分的鏈接陣容:公司名稱非常基本的HTML/CSS question-具有

在聯想什麼我得到現在的問題是這:

與 公司名稱

公司名稱協會是一個鏈接,但我有我的鏈接通過CSS將它們設置爲一類是紅色的,沒有下劃線。

這是HTML我有:

<a>In association with <div id="bodylinks" class="bodylink"><a href="url.com">Company Name</a></a></div> 

這裏是bodylink

.bodylink a 
{ 
font: 14px Helvetica; 
color: red; 
text-decoration:none; 
} 

因此,該公司的名稱得到投擲到下一行相關的CSS,因爲它是一個不同的div,如何我可以避免這種情況,仍然使用.bodylink類來格式化鏈接?

謝謝

回答

2

div's用於在頁面中創建新的部分(部門)。如果你不打算的鏈接是一個新的部分,你應該將其刪除,並給予標記的類屬性是這樣的:

<a class="bodylink" href="www.example.com">link text</a> 

你還需要改變你的CSS所以它適用於標籤帶班bodylink這樣的:

a.bodylink { 
    /* styling */ 
} 
+0

太好了,謝謝!我知道我在這種情況下使用div不正確! – Olegious 2009-07-03 21:27:13

0

改爲使用<span>而不是中斷文本流的內聯元素。可以說,<div>是創建「換行符」的塊元素。

另外,你的元素嵌套全都是錯的。這不是有效的HTML。

1

沒人會提起他的標記在語法上不正確。你不能在div外面有開始的錨標籤,並且裏面的關閉錨標籤。

div標籤是塊級元素。你需要一個內聯元素,比如span標籤,正如其他人在這裏所建議的那樣。

+0

事實上,我曾提到他的標記在你一小時前在語法上是不正確的。每個人都忽略了這一點,包括你自己。 (^_^) – 2009-07-04 12:32:33

1
<div class="bodylink">In association with <a href="url.com">Company Name</a></div> 

爲什麼你會把整條線停住?如果您使用類的格式和公司名稱鏈接在一個div中的行上面的代碼。

瑞安

0

所有的HTML代碼首先應當予以糾正,如steve_c說。

若要使div與其他內容內聯顯示,請使用display: inline;上的div代碼,您想要內聯顯示div。

例子:

the text before div <div style="display: inline;"><a href="#">the link in the text</a></div>