[HTML/CSS] Frage zu Script

nr1

Here to stay

Registered: Dec 2003
Location: AT
Posts: 618

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

Bearbeitet von nr1 am 14.02.2006, 15:05

that

Hoffnungsloser Optimist

Registered: Mar 2000
Location: MeidLing
Posts: 11362

13.02.2006 - 19:36

Huch, was macht das HTML mitten im CSS?

Maehmann

OC Addicted

Registered: Aug 2002
Location: Vienna
Posts: 1110

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

Here to stay

Registered: Dec 2003
Location: AT
Posts: 618

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

Bearbeitet von nr1 am 13.02.2006, 21:30

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4541

13.02.2006 - 22:24

IE < 7 kann :hover nur auf Links

nr1

Here to stay

Registered: Dec 2003
Location: AT
Posts: 618

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

Bearbeitet von nr1 am 14.02.2006, 15:04

nr1 Here to stay Registered: Dec 2003 Location: AT Posts: 618	13.02.2006 - 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. Bearbeitet von nr1 am 14.02.2006, 15:05
that Hoffnungsloser Optimist Registered: Mar 2000 Location: MeidLing Posts: 11362	13.02.2006 - 19:36 Huch, was macht das HTML mitten im CSS?
Maehmann OC Addicted Registered: Aug 2002 Location: Vienna Posts: 1110	13.02.2006 - 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 Here to stay Registered: Dec 2003 Location: AT Posts: 618	13.02.2006 - 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 Bearbeitet von nr1 am 13.02.2006, 21:30
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4541	13.02.2006 - 22:24 IE < 7 kann :hover nur auf Links
nr1 Here to stay Registered: Dec 2003 Location: AT Posts: 618	13.02.2006 - 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>` Bearbeitet von nr1 am 14.02.2006, 15:04

[HTML/CSS] Frage zu Script

Forum Index > Software > Coding Stuff

nr1

that

Maehmann

nr1

Rektal

nr1