Go Back   CodingForums.com > :: Client side development > HTML & CSS
Reload this Page CSS Rollover images

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 11-05-2008, 05:36 PM   PM User | #1
CyberDave
New Coder

 
Join Date: Oct 2008
Location: Ireland
Posts: 40
Thanks: 5
Thanked 0 Times in 0 Posts
CyberDave is an unknown quantity at this point
CSS Rollover images
I have been working on my site with indexhibit and have added CSS rollover images. However, they don't work in IE6 of course. I have tried adding height to the p.nav element in which the links are contained, but this doesn't work. Anybody have any suggestions on how I might fix this problem? Thanks.
CyberDave is offline   Reply With Quote
Old 11-06-2008, 05:18 AM   PM User | #2
destruction
New Coder

 
Join Date: Feb 2008
Posts: 55
Thanks: 1
Thanked 0 Times in 0 Posts
destruction is an unknown quantity at this point
what you meant?i'm not see anything wrong in your site.
destruction is offline   Reply With Quote
Old 11-06-2008, 07:32 AM   PM User | #3
tagnu
Regular Coder

 
Join Date: Nov 2007
Location: 127.0.0.1
Posts: 348
Thanks: 26
Thanked 40 Times in 39 Posts
tagnu will become famous soon enough
Hi,

Removing the :link pseudo class from

a#prev and a#next and removing the height for
Code:
#img-container a	{
	height: 1%;
}
resolves the issue.
__________________
Blog Charity:Water
WhatisWrongWith.me/tagnu - Send me anonymous feedback.
Last edited by tagnu; 11-06-2008 at 07:34 AM..
tagnu is offline   Reply With Quote
Users who have thanked tagnu for this post:
CyberDave (11-06-2008)
Old 11-06-2008, 09:02 AM   PM User | #4
CyberDave
New Coder

 
Join Date: Oct 2008
Location: Ireland
Posts: 40
Thanks: 5
Thanked 0 Times in 0 Posts
CyberDave is an unknown quantity at this point
Quote:
Originally Posted by destruction View Post
what you meant?i'm not see anything wrong in your site.
It works fine in most browsers apart from Internet Explorer 6.

Quote:
Originally Posted by tagnu View Post
Hi,
Removing the :link pseudo class from
a#prev and a#next and removing the height for
Code:
#img-container a	{
	height: 1%;
}
resolves the issue.
At work now, but will try this later. Thank you very much.
Last edited by CyberDave; 11-06-2008 at 09:05 AM..
CyberDave is offline   Reply With Quote
Old 11-06-2008, 09:52 PM   PM User | #5
CyberDave
New Coder

 
Join Date: Oct 2008
Location: Ireland
Posts: 40
Thanks: 5
Thanked 0 Times in 0 Posts
CyberDave is an unknown quantity at this point
Excellent. This worked. I had been trying to get this to work for two days. Thank you.
CyberDave is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


« Previous Thread | Next 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 09:51 PM.
Advertisement
Log in to turn off these ads.