fish am 23.12.06 23:47chi, 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;
}
fish am 24.12.06 23:36danke. 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 am 25.12.06 00:00Browserweichen 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 am 25.12.06 00:38okay, dann brauche ich wohl 2 css dateien.
mit vertikale aisrichtung hatte ich nicht
das hier
gemeint, sondern eher das hier
--------------------------------
FALSCH
--------------------------------
--------------------------------
RICHTIG
--------------------------------
mab am 25.12.06 13:12hää :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 am 25.12.06 13:49jo
ich hab das auch so gemacht^^
danke nochmal..
sili am 25.12.06 18:30Quote
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 am 25.12.06 19:22Quote
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?