✔ disply block innerhalb von div

[Transmitter]

Hi,

irgendwie klappt das bei mir nicht, aber ich weiß nicht woran es liegen soll.

HTML:

<div id="NaviLinks"> <font >Navigation</font><br />
<p>
 <a href="/" style="background-image: url(layout/ButtonNavi.jpg);">Startseite</a><br />
 <a href="/Galerie/Index/" style="background-image: url(<!--{$IMG_DIR}-->layout/ButtonNavi.jpg);">Galerie</a><br />
 <a href="/Artikel/Index/" style="background-image: url(<!--{$IMG_DIR}-->layout/ButtonNavi.jpg);">Lexikon</a><br />

und das CSS dazu:

#NaviLinks a:link
{
 display:    block;
 width:     136px;
 height:     28px;
 line-height:   28px;
 color:     #333333;
 font-size:     13px;
 font-family:   Verdana, Helvetica, sans-serif;
 text-decoration:  none;
 padding:    0px 0px 0px 12px;
}

Leider funktioniert das hinten und vorne nicht, sh. angehängte Grafik

Kann ich div, p und a nicht schachteln, oder habe ich einen Fehler gemacht?

Danke schon mal
Bye, Chris

 

[Maik]

Probier's mal so:

#NaviLinks a:link, #NaviLinks a:visited
{
 display:    block;
 width:     136px;
 height:     28px;
 line-height:   28px;
 color:     #333333;
 font-size:     13px;
 font-family:   Verdana, Helvetica, sans-serif;
 text-decoration:  none;
 padding:    0px 0px 0px 12px;
 background: url(layout/ButtonNavi.jpg);
}

#NaviLinks a:hover
{
/* CSS-Eigenschaften */
}

<div id="NaviLinks">Navigation

<a href="/">Startseite</a>
<a href="/Galerie/Index/">Galerie</a>
<a href="/Artikel/Index/">Lexikon</a>

</div>

 

[Transmitter]

Wow .. das klappt.

Das Problem ist jetzt nur, dass ich aufgrund der Anforderungen die Grafik in der HTML Datei angeben muss.
(Ist recht komplex, man kann verschiedene Themes auswählen, und die Pfade zu den Grafiken stehen dynamisch im HTML. Das CSS wird nur geladen und noch von Smarty geparsed, deswegen ist das CSS statisch.)
Gibt es da eine Möglichkeit wie ich das machen kann?

 

[Maik]

Die von dir gewählte Einbindung der Hintergrundgrafik sollte ebenso funktionieren.

 

[Transmitter]

Ach .. jetzt klappt´s.

Scheint an dem -image gelegen zu haben, mit nur background: BILD.Endung klappt es

Danke dir