Willkommen in der Webstatt Zum Webstatt Blog und Stories
fish fish am 23.12.06 23:47

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;
}

netcup.de Warum gibt es hier Werbung?
fish fish am 24.12.06 12:53

weiss keiner was?

mab mab am 24.12.06 15:34

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

fish fish am 24.12.06 23:36

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?

mab mab am 25.12.06 00:00

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 */....

}

fish fish am 25.12.06 00:38

okay, dann brauche ich wohl 2 css dateien.

mit vertikale aisrichtung hatte ich nicht

das hier

gemeint, sondern eher das hier

--------------------------------
FALSCH


--------------------------------


--------------------------------

RICHTIG

--------------------------------

mab mab am 25.12.06 13:12

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.

fish fish am 25.12.06 13:49

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

sili sili am 25.12.06 18:30

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


Bei vertical-align sind nur folgende Angaben erlaubt: top, middle, bottom, baseline, sub, super, text-top und text-bottom

Klugscheiss ;)

mab mab am 25.12.06 19:22

Quote
Klugscheiss


:D upps. hast recht! da hab ich doch grad mal Müll getippt. zu dem fällt mir ein, dass es auch nur im IE geht oder? was ist dann mit mozilla ? left: 50% . geht so was?

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt