apfel: Padding-Problem im IE 5.0 und 5.5.

Beitrag lesen

Ich glaube, Du hast mich falsch verstanden - ich habe mich vielleicht zu allgemein ausgedrückt; Es geht um den PADDING-Tag - dieser wird vom IE 5 einfach ignoriert; d.h., mein Link liegt dort über dem Background-image; Ich möchte das ganze über ein externes Stylesheet steuern, entscheidend sind in der CSS diese beiden Zeilen:

.hnav a{
 font-size : 10px;
 text-decoration : none;
 font-weight : bold;
 line-height: 180%;
 display: block;
 padding-left: 28px;}

(=> dies ist der code für die Links der Hauptnav)

#aktiv{

background-image :   url(../nav/navaktiv.gif);
 background-repeat : no-repeat;

}
(=> dies ist der code für die Steuerung des aktiven Links)

Im folgenden der Tag in der HTML-Datei, auf den die oben angezeigten CSS-Definitionen angewendet werden sollen:

<td height="15" align="left" valign="middle" bgcolor="#E6E7E8" class="navigation"> <div class="hnav"><a id=passiv href="veranstaltungen.html" target="_self">Lehrveranstaltungen</a></div>
td>

=> id=passiv wird bei dem aktiven Link auf "aktiv" umgestellt, so dass sich das Hintergrundbild eingeblendet wird.

hi,

willst du (anders ausgedrückt) schlicht und einfach einen rollover-effekt mit css erstellen?

dann sag das doch ;)
falls dem so ist:

/*CSS*/
#backButton a{
 background-position:left;
 background-repeat:no-repeat;
 text-decoration:none;
 display:block;
 width:74px; /*normale bildbreite*/
}
 #backButton a:hover,
 #backButton a:active{
  background-position:right;
  text-decoration:none;
  }

<!--HTML-->
<a style="background-image:url(bilder/meinBild.gif);" href="#">&nbsp;</a>

die sache mit dem postion hat den sinn, dass in meinem fall die bilder immer doppelt so breit sind, wie sie eigentlich sein sollten. dadurch werden sie in jedem fall komplett geladen. macht aber etwas mehr aufwand beim erstellen.

ahoi, andi