• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie kann man ein leeres Anchortag mit Hintergrundbild versehen?

cubex

Neues Mitglied
Hallo Community,

es handelt sich um folgenden Anker:
Code:
<a id="home" title="home" href="home.html"></a>
mit folgendem Style:
Code:
#home{
width:172px;
height:54px;
background:url(tigonLogo.png);}

Leider wird das leere Anchortag überhaupt nicht angezeigt, bzw. hat die bescheidene Größe 0*0*px. Gibt es also eine Möglichkeit, den Anker als leere Box darzustellen, sodass ich in diese Box eine Grafik einfügen kann?

Hier ein Screenshot: anchor.jpg
 
Ein Link ist ein Inline-Element, welches keine Höhe und Breite annehmen kann. Damit es die Höhe und Breite annehmen kann, musst Du noch die Eigenschaft

Code:
display: block;

ergänzen. Achte dabei darauf, dass es dann kein Inline-Element mehr ist, sondern ein Blockelement wodurch es sich auch in Bezug auf umliegende Elemente anders verhält.

Moderation: Verschoben von HTML zu CSS.
 
Zurück
Oben