✔ Brauche CSS Hilfe

[kirstendunst]

Hallo,

ich hätte da ein paar Fragen. Ich erstelle gerade eine Seite - http://medien.akbild.ac.at/hvd/test/index.html und ein paar Sachen klappen noch nicht ganz wie ich will:

1. Beim Menüpunkt "Images" gibt es 3 Zeilen mit Bildern - in firefox und safari macht er einen kleinen Abstand zwischen den Zeilen, in explorer ist es wie es sein sollte, ohne Abstand.
Warum dieser Abstand?

2. Ich hab einen simplen "Tooltipp" mit css erstellt:

#tooltipp a span {display: none;}
#tooltipp a:hover span {
display:block;
position:absolute;
top:305px;
right:0px auto;
font-size:11px;
color:#ffffff;
padding:0px;
margin:0px auto;
z-index:auto;
}

Ich hätte gerne, daß wenn man über die Bilder fährt, eine kleiner Text links unter den Bildern erscheint, immer an der gleichen Position. In firefox klappt es, in ie und safari nicht (da bewegt sich der text).

 

[Maik]

Hi und herzlich Willkommen im Forum

Nachfolgend die erforderlichen Ergänzungen und Änderungen im Quellcode:

#content a img {float:left; height:80px; width:106px; border:1px solid #000000;}

<div style="width:540px;margin:0px auto;text-align:left;position:relative;">

#tooltipp a:hover span {
        display:block;
        position:absolute;
        top:305px;
        left:0;
        font-size:11px;
        color:#ffffff;
        padding:0px;
        /*margin:0px auto;*/ /* auskommentiert = deaktiviert */
        z-index:auto;
}

 

[kirstendunst]

funktioniert wunderbar, vielen Dank!