View Full Version : Problem with CSS and Navigation Menu
cmollenbach
May-01-2006, 03:28 AM
I have linked my smugmug site http://cmollenbach.smugmug.com/ (http://cmollenbach.smugmug.com/with) with my general homepage and have the same navigation menu on the top of each page.
This has worked well until now, but has recently broken in Smugmug (still works on my general web page).
I think that there is a problem with the use of "display:block" in
"#Tabheader a" which means that when I hover over a menu point the following menu points are pushed to the next line.
As will be clear from my CSS I'm not that experience and there is often 6-12 months between each time I tinker with my web page, so I generally forget the mechanics in between.
Any help will be much appreciated.
Best regards,
Christoffer
I have linked my smugmug site http://cmollenbach.smugmug.com/ (http://cmollenbach.smugmug.com/with) with my general homepage and have the same navigation menu on the top of each page.
This has worked well until now, but has recently broken in Smugmug (still works on my general web page).
I think that there is a problem with the use of "display:block" in
"#Tabheader a" which means that when I hover over a menu point the following menu points are pushed to the next line.
As will be clear from my CSS I'm not that experience and there is often 6-12 months between each time I tinker with my web page, so I generally forget the mechanics in between.
Any help will be much appreciated.
Best regards,
Christoffer
it looks to be an IE6 only issue, so try putting _display: block; in the #Tabheader a:hover section.
cmollenbach
May-01-2006, 07:03 AM
it looks to be an IE6 only issue, so try putting _display: block; in the #Tabheader a:hover section.
Tried to change it, didn't work.
Seems like it is a Smugmug issue as www.mollenbach.co.uk (http://www.mollenbach.co.uk) works fine on both Mozilla and IE6. I use the same CSS for my www.mollenbach.co.uk (http://www.mollenbach.co.uk) and my Smugmug page, don't know if there is a conflict with Smugmug's general CSS definitions.
It is only when I hover that there is a problem.
Andy
May-01-2006, 07:24 AM
Tried to change it, didn't work.
Seems like it is a Smugmug issue as www.mollenbach.co.uk (http://www.mollenbach.co.uk) works fine on both Mozilla and IE6. I use the same CSS for my www.mollenbach.co.uk (http://www.mollenbach.co.uk) and my Smugmug page, don't know if there is a conflict with Smugmug's general CSS definitions.
It is only when I hover that there is a problem.
Not sure how that could be a SmugMug issue?
Check to be sure you have the same code exactly, in both spots.
cmollenbach
May-01-2006, 01:04 PM
Not sure how that could be a SmugMug issue?
Check to be sure you have the same code exactly, in both spots.
Thanks, I had the same code, but was missing "float:left" in "#Tabheader a".
Thanks,
Christoffer
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.