Forenindex » Programme » Web/Internet » Adobe Dreamweaver » roll-over bild verschiebt sich in firefox

roll-over bild verschiebt sich in firefox

mrtobi
Beiträge gesamt: 49

19. Feb 2008, 17:20
Bewertung:

gelesen: 1404

Beitrag als Lesezeichen
guten tag
ich habe ne website mit dreamweaver gemacht und habe bemerkt, dass in einigen browsern das roll-over-bild anstatt im div, oberhalb des divs angezeigt werden.

beispiel:
www.2bgrafik.ch
das logo und das bild unter «portrait» werden unter windows in firefox oberhalb des divs angezeigt.
kann mir jemand weiterhelfen?
vielen dank schonmal...

roll-over bild verschiebt sich in firefox

SabineP
Beiträge gesamt: 7586

19. Feb 2008, 19:41
Bewertung:

gelesen: 1386

Beitrag als Lesezeichen
Hallo mrtobi,

entferne in der CSS-Datei
http://www.2bgrafik.ch/2bgrafik_css.css


diese Zeilen

a:link {
font-family: Helvetica, sans-serif, Arial;
font-size: 12px;
color: #331F14;
text-decoration: none;
vertical-align: bottom;
font-weight: lighter;
}
a:visited {
font-family: Helvetica, sans-serif, Arial;
font-size: 12px;
color: #331F14;
text-decoration: none;
}
a:hover {
font-family: Helvetica, sans-serif, Arial;
font-size: 12px;
color: #97BE0D;
}
a:active {
font-family: Helvetica, sans-serif, Arial;
font-size: 12px;
color: #331F14;
}

Und schon verschiebt sich das Bild nicht mehr.
Gruß Sabine

roll-over bild verschiebt sich in firefox

mrtobi
Beiträge gesamt: 49

19. Feb 2008, 20:03
Bewertung:

gelesen: 1380

Beitrag als Lesezeichen
heisst das, ich muss für diesen typ von link eine klasse machen?

roll-over bild verschiebt sich in firefox

SabineP
Beiträge gesamt: 7586

19. Feb 2008, 20:21
Bewertung:

gelesen: 1375

Beitrag als Lesezeichen
>> heisst das, ich muss für diesen typ von link eine klasse machen?

Für diesen Link

<a onmouseover="MM_swapImage('tobias_gutmann','','../img/tobiasgutmann2.jpg',1)" onmouseout="MM_swapImgRestore()" href="#">
<img id="tobias_gutmann" width="180" height="500" border="0" align="bottom" name="tobias_gutmann" alt="tobias_gutmann" src="http://www.2bgrafik.ch/img/tobiasgutmann1.jpg"/>
</a>

und diesen Link

<a onmouseover="MM_swapImage('logo_2bgrafik','','../img/logo_2bgrafik2.gif',1)" onmouseout="MM_swapImgRestore()" href="../index.html">
<img width="170" height="110" border="0" name="logo_2bgrafik" alt="logo_2bgrafik" src="../img/logo_2bgrafik.gif"/>
</a>

brauchst Du keine Klasse.
Gruß Sabine

(Dieser Beitrag wurde von SabineP am 19. Feb 2008, 20:25 geändert)