Webstatt.org - Community seit 2006 - 2012 (2024?)

listen zerschiessen mein design

Avatar user-180
23.12.2006 22: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;

                }
may the force be with you. but mostly with me.
Avatar user-180
24.12.2006 11:53
weiss keiner was?
may the force be with you. but mostly with me.
Avatar user-236
24.12.2006 14: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
signature in progress
Avatar user-180
24.12.2006 22: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?
may the force be with you. but mostly with me.
Avatar user-236
24.12.2006 23: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 */....

}
signature in progress
Avatar user-180
24.12.2006 23:38
okay, dann brauche ich wohl 2 css dateien.

mit vertikale aisrichtung hatte ich nicht
das hier
gemeint, sondern eher das hier

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


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


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

RICHTIG

--------------------------------
may the force be with you. but mostly with me.
Avatar user-236
25.12.2006 12:12
hää Fettes Grinsen 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.
signature in progress
Avatar user-180
25.12.2006 12:49
jo
ich hab das auch so gemacht^^
danke nochmal..
may the force be with you. but mostly with me.
Avatar user-300
25.12.2006 17:30
Original von user-236
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 zwinkern
Avatar user-236
25.12.2006 18:22
Klugscheiss


Fettes Grinsen 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?
signature in progress