hilfdirselbst.ch
Facebook Twitter gamper-media
mrtobi
Beiträge: 49
19. Feb 2008, 17:20
Beitrag #1 von 4
Bewertung:
(1299 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

roll-over bild verschiebt sich in firefox


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...
Top
 
X
SabineP  M 
Beiträge: 7586
19. Feb 2008, 19:41
Beitrag #2 von 4
Beitrag ID: #337849
Bewertung:
(1281 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

roll-over bild verschiebt sich in firefox


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
als Antwort auf: [#337804] Top
 
mrtobi
Beiträge: 49
19. Feb 2008, 20:03
Beitrag #3 von 4
Beitrag ID: #337852
Bewertung:
(1275 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

roll-over bild verschiebt sich in firefox


heisst das, ich muss für diesen typ von link eine klasse machen?
als Antwort auf: [#337849] Top
 
SabineP  M 
Beiträge: 7586
19. Feb 2008, 20:21
Beitrag #4 von 4
Beitrag ID: #337855
Bewertung:
(1270 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

roll-over bild verschiebt sich in firefox


>> 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
als Antwort auf: [#337852]
(Dieser Beitrag wurde von SabineP am 19. Feb 2008, 20:25 geändert)
Top
 
X