|
help with image hover
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> « <a href="">links</a> « <a href="">links</a>   « <a href="">links</a> « <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="<a href=''>go to gamingsite.com!</a>"></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>
|
Before you post, read our: 
