navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Browser Differences

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Browser Differences
Page: [1]
 
JBW

 

Posts: 54
Joined: 3/18/2004
Status: offline

 
Browser Differences - 1/29/2005 6:10:10   
Hi all,

I have a minor problem with CSS, but one that is bugging me all the same.

I have a class:hover attribute which works well in FF, but good ol' IE doesn't show it how I would like. The particular bit of interest is as follows...

.Nav {
padding-top: 2px;
padding-bottom: 2px;
}
.Nav:hover {
background-color: #FFFFFF;
}

When viewing the site www.jgpropertymanagement.com in FF, the background goes white as I'd like it to, but in IE, it does not. Does anybody know of a workaround for this?

Many thanks,

John.
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Browser Differences - 1/29/2005 8:17:11   
.nav a:hover

I suggest you also specify all the states together in your css to avoid later confusion.

Make sure they're in the right order otherwise you can have problems

link
visited
focus
hover
active

You can miss some out but they must appear in that order

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to JBW)
caz

 

Posts: 3586
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Browser Differences - 1/29/2005 8:43:02   
IE needs to have descendant selector properties spelled out for it, you could try this-

tr .Nav a:hover {
	background-color: #FFFFFF;
}


It worked for me in IE and FF.

HTH
Carol

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to jaybee)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Browser Differences
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts