...

View Full Version : help with image hover



gamesinwild
03-01-2007, 01:10 PM
i was experimenting my damn css code and . . . I got into rush when I saw my image doesn't do anything when hovering!!!
my css file:

body{background-color:#000;color:#fff;font-family:arial;font-size:11px}
a:link,a:visited,a:active{color:#fff;text-decoration:none}
a:hover{color:#f90}
.e{font-size:45px;font-family:bn year 2000}
.a{color:rgb(20,107,95)}
.b{color:rgb(23,123,128)}
.c{color:rgb(33,173,152)}
.d{color:rgb(40,210,185)}
.e{color:rgb(34,183,160)}
.highlight {background-color:#008b8b;padding-right:300px;border-top:1px solid #00ff00;border-bottom:1px solid #00ff00}
img {border:1px solid crimson}
img:hover {border:1px solid blue}


my html file

<html>
<head>
<style type="text/css">
body{background-color:#000;color:#fff;font-family:arial;font-size:11px}
a:link,a:visited,a:active{color:#fff;text-decoration:none}
a:hover{color:#f90}
.e{font-size:45px;font-family:broadway}
.a{color:rgb(20,107,95)}
.b{color:rgb(23,123,128)}
.c{color:rgb(33,173,152)}
.d{color:rgb(40,210,185)}
.e{color:rgb(34,183,160)}
.highlight {background-color:#008b8b;padding-right:150px;padding-left:150px;border-top:1px solid lime;border-bottom:1px solid lime}
iframe{border-right:1px solid #00ff00;border-bottom:1px solid #00ff00}
.win {font-family:wingdings;color:blue;font-size:40px}
input{background-color:black;font-family:monospace;font-size:11px;color:white}
</style>
</head>
<body>
<span class="e">
<span class="b">P</span>
<span class="a">a</span>
<span class="c">g</span>
<span class="d">e</span>
<span class="d">t</span>
<span class="e">i</span>
<span class="d">t</span>
<span class="c">l</span>
<span class="b">e</span>
</span>
<br><br><center><span class="highlight"><a href="">links</a>&nbsp;&nbsp;&nbsp;&laquo;&nbsp;&nbsp;&nbsp;<a href="">links</a>&nbsp;&nbsp;&laquo;&nbsp;&nbsp;&nbsp;<a href="">links</a>&nbsp;&nbsp&nbsp;&laquo;&nbsp;&nbsp;&nbsp;<a href="">links</a>&nbsp;&nbsp;&nbsp;&laquo;&nbsp;&nbsp;&nbsp;<a href="">links</a></span></center><br><br>
<span class="highlight">Current news 1</span><br>
<iframe src="news.html" length="30px"></iframe><br><br>
<span class="highlight">Game you play</span><br>
<iframe src="currentgameweplay.html"></iframe><br><br><span class="highlight">Game Screenshots</span><br><iframe src="gamescreen.html"></iframe><br><br><center>link to site<br><input type="text" value="&lt;a href=''&gt;go to gamingsite.com!&lt;/a&gt;"></center>
</body></html>


currentgameweplay.html

<html>
<head>
<link rel="stylesheet" href="css.css">
</head>
<body>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
A description about the game. <br>
</body>
</html>


news.html

<html>
<head>
<link rel="stylesheet" href="css.css">
</head>
<body>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
Current news here. Current news here. Current news here. <br>
</body>
</html>


gamescreen.html

<html>
<head>
<link rel="stylesheet" href="css.css">
</head>
<body>
screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>screenshots<br><img src="black.bmp"><br><br>
</body></html>

BonRouge
03-01-2007, 01:34 PM
Are you using IE6? That won't work in IE6, but should work in decent browsers. IE<7 doesn't support :hover on anything but 'a' tags.

ahallicks
03-01-2007, 01:39 PM
Please read the FAQ as well and use 'code' tags when inputting lots of code...

gamesinwild
03-01-2007, 01:39 PM
i'm using ie6 and opera9 bonrouge, and thanks for your help anyway. Ie6 has an idiom bug at hovers.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum