✔ Link "ohne" Inhalt anzeigen

[soyo]

Hallo mal wieder seit langem

Ich arbeite gerad an einer hoirontalen Navigation. Dort verwende ich normale Links und geb ihnen über CSS einen Hintergrund. Nur so lange sie keinen Inhalt haben, werden sie nicht angezeigt.

html ...

<div id="navi">
  <a class="news"></a>
</div>

css
#navi
{
  height: 39px;
  width: 610px;
}

#navi a.news
{
  background-image: url('../image/navi_news_01.jpg');
  width: 122px;
  height: 39px;
}

Ich finde einfach keine Lösung. Was mach ich falsch?


Gruß Thomas

 

[Maik]

Hi,

ein Inline-Element, wie z.B. das a-Element, kann keine Breiten- und Höhendeklaration besitzen.

Hierfür muß es "Block-Level-Charakteristika" erhalten; entweder mit display:block, oder in deinem Fall mit float:left, da die Links horizontal ausgerichtet werden sollen.

mfg Maik

 

[soyo]

Vielen Dank, funktioniert.

Gruß Thomas