Hallo zusammen!
Ich habe mit folgendem Stylesheet
ein Problem:
#LanguageSelectionItemGerman{
background: url("../img/buttons/german.jpg") no-repeat;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:67px;
height:12px;
}
#LanguageSelectionItemGerman:HOVER,
#LanguageSelectionItemGerman.selected{
background: url("../img/buttons/german_hv.jpg") no-repeat;
}
Das Auswechseln der Grafik funktioniert natürlich
auch wunderbar! Nur wird dadurch mein Layout um einen Pixel
zerhauen... Ich habe nun das Problem dadurch gelöst,
dass ich zwischen das
<td><a href="meinLink" id="LanguageSelectionItemGerman"><img src="img/spacer.gif" border="0" width="60" height="12"></a></td>
ein Spacerimage mit den entsprechenden Abmessunge "geschmissen" habe... Naja, find ich eben nicht besonders schön!
Gibts vielleich noch ne Möglichkeit ohne "Spacer"?
display: table-cell; usw. hab ich schon probiert...
Viele Dank für Eure Ratschläge!
Viele Grüße
Chris