wahsaga: display:block-Anzeige bei XHTML 1.0 strict

Beitrag lesen

hi,

Die genaue Problembeschreibung samt Beispiel und Quelltext habe ich online gestellt :

==> http://www.blutspur.net/test/hilfe/test1.html

ich zitiere mal aus deiner problembeschreibung in der seite:

"Die Klasse "menu2" habe ich völlig ident definiert, mit dem einzigen Unterschied, daß hier noch zusätzlich eine "padding-left:30px"-Angabe dabei ist.

Wenn ich jetzt mit dieser Klasse einen Link setzte, kommt aber nicht das erwartete Ergebnis. Der Link-Text im Button ist zwar brav um 30 Pixel weiter nach rechts verschoben, gleichzeitig ist aber jetzt rechts vom Button ein ebensolanger, 30px breiter Anfang eines nächsten Buttons."

das ist kein "nächste" button, sondern der selbe button ist um 30px breiter geworden, und dein hintergrundbild wird dort einfach nochmal wiederholt.

du hast nicht bedacht, dass sich die gesamtbreite eines elementes aus width + padding + border ergibt.

width:159px
padding-left:30px;

ergibt eine gesamtbeite von 189px.

du musst also die width-angabe vom 30px verringern, um wieder einen ebenso breiten button zu bekommen wie bei deiner ersten klasse:

width:129px
padding-left:30px;

gruss,
wahsaga