Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-01-2007, 01:10 PM   PM User | #1
gamesinwild
New Coder

 
Join Date: Feb 2007
Location: bahrain
Posts: 24
Thanks: 0
Thanked 0 Times in 0 Posts
gamesinwild has a little shameless behaviour in the past
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>&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>
__________________
gamesinwild
for god's sake, use iframes instead of overflowing div's!!!
check if this page is valid
gamesinwild is offline   Reply With Quote
Old 03-01-2007, 01:34 PM   PM User | #2
BonRouge
Regular Coder

 
BonRouge's Avatar
 
Join Date: Mar 2006
Location: Sendai, Japan
Posts: 328
Thanks: 0
Thanked 0 Times in 0 Posts
BonRouge is on a distinguished road
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.
__________________
bonrouge
BonRouge is offline   Reply With Quote
Old 03-01-2007, 01:39 PM   PM User | #3
ahallicks
Senior Coder

 
ahallicks's Avatar
 
Join Date: May 2006
Location: Lancaster, UK
Posts: 1,134
Thanks: 1
Thanked 57 Times in 55 Posts
ahallicks is on a distinguished road
Please read the FAQ as well and use 'code' tags when inputting lots of code...
__________________
"write it for FireFox then hack it for IE."
Quote:
Originally Posted by Mhtml View Post
Domains are like women - all the good ones are taken unless you want one from some foreign country.
Reputation is your friend

Development & SEO Tools
ahallicks is offline   Reply With Quote
Old 03-01-2007, 01:39 PM   PM User | #4
gamesinwild
New Coder

 
Join Date: Feb 2007
Location: bahrain
Posts: 24
Thanks: 0
Thanked 0 Times in 0 Posts
gamesinwild has a little shameless behaviour in the past
i'm using ie6 and opera9 bonrouge, and thanks for your help anyway. Ie6 has an idiom bug at hovers.
__________________
gamesinwild
for god's sake, use iframes instead of overflowing div's!!!
check if this page is valid
gamesinwild is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 01:48 PM.


Advertisement
Log in to turn off these ads.