[HTML/CSS] Frage zu Script

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_css_frage_zu_script_158397/page_1 - zur Vollversion wechseln!

nr1 schrieb am 13.02.2006 um 16:24

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:

Code: PHP

<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.

that schrieb am 13.02.2006 um 19:36

Huch, was macht das HTML mitten im CSS?

Maehmann schrieb am 13.02.2006 um 19:37

also ich hab das gesamte <a> tag rausnehmen müssen, sonst seh ich garnichts.

Danach zeigen FF und IE7 das gleiche verhalten.

nr1 schrieb am 13.02.2006 um 21:27

Zitat von that
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

Rektal schrieb am 13.02.2006 um 22:24

IE < 7 kann :hover nur auf Links

nr1 schrieb am 13.02.2006 um 22:27

Zitat von Rektal
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:

Code: PHP

<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>