Willkommen in der Webstatt
User-1 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?
User-1 am 24.12.06 12:53

weiss keiner was?

User-2 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

User-1 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?

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

}

User-1 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

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

User-2 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.

User-1 am 25.12.06 13:49

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

User-3 am 25.12.06 18:30

Quote
Original von xyz-126
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 ;)

User-2 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