chi, ich bin dabei eine seite in html und css umzusetzen. am ende soll sie
so aussehen.

meine umsetzung des ganzen sieht man hier:
http://www.beta.bierquartier.de/singfever

ich habe ein problem bei der ausfzählungsliste (linke seite bei "Pop", "Rnb", ect): wie kann ich das lautsprecherbild und den text so positionieren, dass sie nicht an der oberen ecke kleben sondern sich in der mitte befinden?

<ul class="linke_seite_liste">
<li class="linke_seite_kategorien_2">
<img src="images/musik.gif" alt="musik" /><a href="#">RnB/SOUL</a>
</li>
</ul>

div.linke_seite ul.linke_seite_liste {
padding: 0px;
margin: 0px;
}

div.linke_seite ul.linke_seite_liste li.linke_seite_kategorien_1 {
width: 266px;
padding-top: 6px;
padding-bottom: 6px;
vertical-align: middle;
margin: 0;
padding: 0;
display: block;
background: #F6F6F6;
}

div.linke_seite ul.linke_seite_liste a {
font-family: Verdana, helvetica,sans-serif;
font-size: 11px;
color: #AEAEAE;
text-decoration: none;
}


weiss keiner was?

Hey,

auf den ersten Blick scheint das Menü kompliziert aufgebaut. Ich hab dir zwei Ansätze.

2) list style image
http://de.selfhtml.org/css/eigenschaften/listen.htm

2) Du kannst eine Grafik für alle Buttons als Hintergrund nehmen. Vorne ist dann der Lautsprecher zentriert. Oben drüber legst du den Text.
z.B: http://www.css-technik.de/details/203/8/Tutorials-CSS.htm

danke. liststyleimage funktioniert in ff und opera bei mir nicht.
also denke ich dass ich das andere mal ausprobieren werde.

wie zentriere ich den text in den listenpunkten horizontal?

wie baue ich eine browserweiche für den ie ein?

in opera und ff wird
div.navigation {
width: 522px;
height: 47px;
padding: 0px;
margin: -16px 0 0 0 ;
float: right;
}
"richtig" interpretiert, für den ie müsste der code

div.navigation {
width: 522px;
height: 47px;
padding: 0px;
margin: 0px;
float: right;
}
heissen. wie mache ich das?

Browserweichen z.B. mit conditional comments

http://www.css4you.de/wsbw/index.html
--------------

Zentrierung für IE
text-align:center;
------------

Damit nur der IE den Code interpretiert kannst du mal folgendes probieren:

* html div.navigation {

/* nur für den IE */....

}

okay, dann brauche ich wohl 2 css dateien.

mit vertikale aisrichtung hatte ich nicht

hää :D dann meinst du vertical-algin: center; ??

Falls du nur die Grafiken ausrichten möchtest, dann würd ich fast ein Hintergrundbild nehmen und den Lautsprecher darauf zenrieren.

jo
ich hab das auch so gemacht^^
danke nochmal..

Quote
Original von mab
dann meinst du vertical-algin: center; ??

Quote
Klugscheiss