Zeilenumbruch bei div ??

[Günni]

Guten Abend zusammen !

ich habe ein problem mit meinem Menü...

und zwar möchte ich mehrere DIVs nebeneinander haben..

nun habe ich schon display:inline versucht was leider keinen unterschied macht...

danach habe ich bei google erfahren das man div durch das SPAN element ersetzen kann.. dann funktioniert aber mein hintergrund und mein hover nicht mehr ?

Danke für eure Hilfe !

---- CSS ---

#menu_katalog, #menu_katalog:visited  {
width: 130px;
height:40px;
background-image:url('images/txt/katalog_1.png');
background-repeat:no-repeat;
}
#menu_katalog:hover  {
width: 130px;
height:40px;
background-image:url('images/txt/katalog_2.png');
background-repeat:no-repeat;
}

#menu_specials, #menu_specials:visited  {
width: 130px;
height:40px;
background-image:url('images/txt/specials_1.png');
background-repeat:no-repeat;
}
#menu_specials:hover  {
width: 130px;
height:40px;
background-image:url('images/txt/specials_2.png');
background-repeat:no-repeat;
}

----  HTML ----

<div style="display:inline" id="menu_specials"><a href=""></a></div>
<div style="display:inline" id="menu_katalog"><a href=""></a></div>

[ChrisB]

Hi,

und zwar möchte ich mehrere DIVs nebeneinander haben..

nun habe ich schon display:inline versucht was leider keinen unterschied macht...

Doch, tut es.

danach habe ich bei google erfahren das man div durch das SPAN element ersetzen kann.. dann funktioniert aber mein hintergrund und mein hover nicht mehr ?

Weil width und height bei einem inline-Element natürlich keine Wirkung haben dürfen.

<div style="display:inline" id="menu_specials"><a href=""></a></div>
<div style="display:inline" id="menu_katalog"><a href=""></a></div>

Schmeiß' die DIVs raus, stecke die Links in eine Liste (sofern sie eine Auflistung von Links, wie bspw. eine Navigation, darstellen), und formatiere dann die LI und Links als inline-block.

MfG ChrisB

[Günni]

Wunderbar... vielen Dank !