hallo,

ich habe im CMS eine Menüleiste. Jetzt habe ich aber einige Punkte durch Bilder ersetzt.

Damit die Schrift ordentlich angezeigt wird, habe ich ein Padding definiert. Diese Bilder greifen jetzt nun auf die selben stylesheets. Wie muss ich also die Stylesheet des Bildes neu definieren, das es Teile des Elternelement nicht nimmt.

Ich mache es immer mit "... ! important".
Also wenn vorher die Regel war

Code :

1	img {padding:5px}

dann kannst du das überschreiben mit

Code :

1	img {padding:15px ! important}

will irgendwie nicht so recht klappen

Vielleicht kannst du einen Link oder ein wenig Code hier einstellen.
Nutzt du Firebug/WebDeveloper oder ähnliche Tools, die helfen können, das Problem einzukreisen?

der stylecode vom cms für die topnav

Code :

1 2 3 4

#topnav{ height: 40px; width:975px; margin: 0px; padding:0px; font-weight: bold; } #topnav ul { margin: 0px 0px 0px 0px; padding: 0; width: auto; float: left; list-style-type:none; } #topnav ul li{ margin: 0; padding: 0; height: 40px; float: left; position: relative; } #topnav ul li a{ color: #e8e8e8; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:26px; display: block; float: left; }

Dieser Code bewirkt, das die Schrift mittig angeordnet wird und der reiter andersfarbig wird, wenn man ihn anklickt oder mit der Maus drüber geht

Das Bild definiere ich wie folgt:

Code :

1	<img src="url/xing.gif" width="40" height="40" style="padding: 0 !important; margin: 0 !important;" />

Ziehen denn diese Auszeichnungen denn überhaupt, wenn du dir das mal "live" mit Firebug oder WebDeveloper anschaust? Gib uns mal die Domain, damit man die Leiste mal sehen kann und eine Vorstellung bekommt, was du machen willst. Man kann irgendwie schlecht sehen, wo der Schuh drückt, wenn man den Fuß nicht mal sieht.