http://67.43.120.140/kurt
The above link is for a website I'm working on for a friend. It relies on two style sheets (2column.css & submenu.css). There is also a javascript file (ieHover.js) The 2column sheet is not the problem. Somewhere in the submenu.css sheet I've created (because it wasnt there earlier) a cirucumstance whereby the submenu box is multi-line on IE6. It looks correct when viewed with Mozilla. The submenu text elements should be horizontal, single-line.
The submenu.css sheet is a merge of a CSS tab menu and a CSS drop-down menu. I used internet-available code, so some naming conventions (ie: liRenaissance) are not my doing. When I tried to change the names of those it made for a mad-house, so I've opted to leave it in place till I find a way to remove it without confusing it.
Also - and I'm not sure what to do about it - there is a "focus" issue - relates to what tab has the focus when the page is loaded when no hover state exists and uses .on and .off classes.
2006-08-17 18:31:44 · 3 answers · asked by kelticdreamer69 3 in Computers & Internet ➔ Programming & Design
I've now removed/change all but two display:blocks. The remaining two when changed dont seem to fix the proble - but do create other large problems. :(
2006-08-17 19:09:24 · update #1
Sorry if the link temporarily flaked out - we have had two minor (brief) power outages today that have temp. taken my webserver offline. At the moment, its back up.
2006-08-18 11:38:57 · update #2
Look for the property "display: block" in the style for the submenu text. Try changing it to "display: inline" or try removing it.
Here's another way to do drop down menus. http://www.alistapart.com/articles/horizdropdowns/
If you're going to design a website, it's a good idea to take the time to really understand how CSS works.
Good luck!
2006-08-17 18:47:33 · answer #1 · answered by Tame One 1 · 0⤊ 0⤋
there's a lotta do with the browser compatibility topics even as apparently on a internet web site. There are a lotta internet criteria, like the gecko prevalent, netscape prevalent and far more beneficial. All you gotta do is specify the classic of the browser with that you want something to take position. E.g : in case you may want to favor to operate a border radius to a field, in Mozilla you gotta upload this to the selector attributes: -moz-border-radius:
2016-11-05 01:53:36 · answer #2 · answered by mcthay 4 · 0⤊ 0⤋
Your link didn't work for me.
2006-08-18 09:35:11 · answer #3 · answered by achtungbaby 3 · 0⤊ 0⤋