omc
Legendäres Mitglied
Hallo zusammen
ich dreh mich mit einem CSS total im Kreis, sehe nicht wo der Fehler ist.
Es geht um dieses Template:
http://blog.omc.ch/em/
Das blau könnt Ihr Euch wegdenken, steht nur da, damit ich DIV Box hinten, und die Veränderung sehe.
Es geht um die Buttons oben (Home, Qualifikation etc.)
Bei diesen Button soll der Text von oben ein Padding von 10 Pixel haben. Nur der Text, die BG Bilder müssen oben bleiben.
Versucht habe ich es so:
CODE #menu {
clear: both;
width: 728px;
color: #000000;
height: 26px;
padding: 0;
margin: 0;
}
#menu ul {
padding: 0;
margin: 0;
}
#menu li {
float:left;
background-image: url(../images/navi_weiss.gif);
background-repeat: no-repeat;
height: 26px;
width: 130px;
background-position: left;
text-align: center;
overflow: hidden;
list-style-type: none;
}
#menu li a,
#menu li a:link,
#menu li a:visited {
list-style-type: none;
font-weight: bold;
color: #009933;
font-size: 12px;
}
und auf viele andere Arten, funktioniert aber nicht. Sobald ich bei
#menu li oder #menu li a ein Padding-Top von 10 mache, schiebt es mir die ganzen Buttons runter.
Hat mir jemand einen guten Tip ?
Das ganze CSS gibts hier: http://blog.omc.ch/em/css/cms.css
Den Quellcode via Browser ;-) hier: http://blog.omc.ch/em/
Danke schon im Voraus, für Tipps und Hilfe
Ric
ich dreh mich mit einem CSS total im Kreis, sehe nicht wo der Fehler ist.
Es geht um dieses Template:
http://blog.omc.ch/em/
Das blau könnt Ihr Euch wegdenken, steht nur da, damit ich DIV Box hinten, und die Veränderung sehe.
Es geht um die Buttons oben (Home, Qualifikation etc.)
Bei diesen Button soll der Text von oben ein Padding von 10 Pixel haben. Nur der Text, die BG Bilder müssen oben bleiben.
Versucht habe ich es so:
CODE #menu {
clear: both;
width: 728px;
color: #000000;
height: 26px;
padding: 0;
margin: 0;
}
#menu ul {
padding: 0;
margin: 0;
}
#menu li {
float:left;
background-image: url(../images/navi_weiss.gif);
background-repeat: no-repeat;
height: 26px;
width: 130px;
background-position: left;
text-align: center;
overflow: hidden;
list-style-type: none;
}
#menu li a,
#menu li a:link,
#menu li a:visited {
list-style-type: none;
font-weight: bold;
color: #009933;
font-size: 12px;
}
und auf viele andere Arten, funktioniert aber nicht. Sobald ich bei
#menu li oder #menu li a ein Padding-Top von 10 mache, schiebt es mir die ganzen Buttons runter.
Hat mir jemand einen guten Tip ?
Das ganze CSS gibts hier: http://blog.omc.ch/em/css/cms.css
Den Quellcode via Browser ;-) hier: http://blog.omc.ch/em/
Danke schon im Voraus, für Tipps und Hilfe
Ric