[HTML/CSS] Frage zu Script
kurtm1 13.02.2006 - 16:24 500 5
nr1
Here to stay
|
Hab hier ein kleines "CSS-Script" gebaut, was im FF auch funzt. Nur IEXplorer macht mal wieder Probleme, wobei ich bis jetzt nicht herausgefunden habe, wo das Problem liegt: <html>
<head>
<style type="text/css">
#pic
{
width: 200px;
height: 220px;
background: url(http://www.overclockers.at/images/v4sz.png) no-repeat;
}
#pic:hover
{
background-position: 0px 100%;
}
</style>
</head>
<body>
<table>
<tr>
<td id="pic"></td>
</tr>
</table>
</body>
</html>
(Ich hab hier mal eine oc.at Grafik genommen, damit das alle Testen können) -> Das Script soll letztendlich ein Bild verschieben/hüpfen lassen.
Bearbeitet von nr1 am 14.02.2006, 15:05
|
that
ModeratorHoffnungsloser Optimist
|
Huch, was macht das HTML mitten im CSS?
|
Maehmann
OC Addicted
|
also ich hab das gesamte <a> tag rausnehmen müssen, sonst seh ich garnichts.
Danach zeigen FF und IE7 das gleiche verhalten.
|
nr1
Here to stay
|
Huch, was macht das HTML mitten im CSS? @topic: sorry der Link ist natürlich so nicht im Code, das wurde beim posten automatisch dazugeneriert, habs jetzt gefixt @Maehmann: IE7 hab ich nicht drauf, und kann ich daher nicht beurteilen, aber beim IE6 bekomm ich das Script nicht zum Laufen
Bearbeitet von nr1 am 13.02.2006, 21:30
|
Rektal
Here to stay
|
IE < 7 kann :hover nur auf Links
|
nr1
Here to stay
|
IE < 7 kann :hover nur auf Links mhh wenn das so stimmt, dann muss ich das script wohl ein bisschen umbauen, werds mal probieren //edit: Hier die Lösung: <html>
<head>
<title>css/script</title>
<style type="text/css">
#pic a {
width: 200px;
height: 220px;
background: url(http://www.overclockers.at/images/v4sz.png) 0px 0px no-repeat;
display: table-cell;
}
#pic a:hover {
background-position: 0px 100%;
}
</style>
</head>
<body>
<div id="pic">
<a href="#"></a>
</div>
</body>
</html>
Bearbeitet von nr1 am 14.02.2006, 15:04
|