Liste stylen und andere "Kleinigkeiten"...

[oliveramberg]

Hallo
Habe zwei Probleme mit meinem CSS-Design (die Profis unter Euch werden natürlich noch 1000 andere finden ).

Die Artikel-Titel in Orange sollen ganz oben am Layer kleben. Ich habe das mit folgendem CSS versucht:

PHP-Code:

#xperto_content h1  /*Titel*/
    {
    margin-top: 0px;
    margin-bottom: 20px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 37px;
    font-weight: bold;
    color: #ec701e;
    } 


Beim IE klappt es fast, beim FF ist noch reichlich Platz zur Oberkante vorhanden. Wo kann ich da noch nachbessern?

Dann will ich die Subnavigation links als Listenelement aufbauen (wird so vom CMS ausgegeben.
Aussehen sollte das Ganze dann so

Das will jetzt aber schon mal gar nicht gelingen. Ich kriege weder die Grafiken bündig an den linken Rand noch die Formatierung genau so hin, wie es sein sollte. Muss ich das ev. grafisch lösen?

CSS mässig ist mein Ansatz der folgende:

PHP-Code:

li {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#000000;
margin-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(images/sub_navi_bg.gif);
height: 60px;
background-repeat:no-repeat;
background-position:inherit;
list-style:none;
} 


Und hier gibt's die Baustelle zu sehen

Bin für jeden Tipp dankbar!

[oliveramberg]

Sebstgespräch :

OK - in FF ist der Navigationsbackground nun links am Rand wo er sein sollte:
http://www.42195km.com/index_new.php

Im IE aber noch weit davon entfernt an der richtigen Stelle zu sein

PHP-Code:

li {
background-image: url(images/sub_navi_bg.gif);
height: 60px;
background-repeat:no-repeat;
list-style:none;
margin-right: 30px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#000000;
} 


Habe gelesen, dass Padding Probleme macht. Gibt's da einen freundlichen Workaround?

[oliveramberg]

Alle Probleme gelöst.

Danke auch an Torsten der mir Input gegeben hat.