Forum Moderators: not2easy
I have 2 menus on the same page - they work fine on every browser (even Mac IE 5) except Internet Explorer 6. Of course the pop-outs don't work on IE 5 or 6.
In 6 they look OK - although a little skewed to the left. But when I click on the second menu, the first menu disappears totally and the menu is now settled into the correct place.
Any ideas or should I post the css code?
Thank you for any help you can be!
Diane
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
on the files I have converted
2) Am I supposed to put this in the css file?
3) I added the z index - not having an idea of what it does - and it corrects (at least in firefox) the boxes going behind the other boxes
4) About the li:hover ... supposedly this works with a csshover.htc file - but I am not even sure I have that right. I was supposed to download it from a page - and I got something - but not sure if I really got it.
Does this make sense to anyone? How can I tell if I really have this csshover.htc file? I put something in ... but not sure I really have it.
5) Besides that .. if I want to ask about relative and absolute and padding and such, sounds like it is a different topic.
THANK YOU!
Diane
1) Ok now I have<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
on the files I have converted
Pass them through the validator [validator.w3.org] to make sure they are up to snuff.
The first few times you get orange bars and it can be a bit freaky, as you may show dozens of errors. However, the fix is usually a small, easy one, and the errors disappear in droves.
After a while, writing valid code becomes second nature, and you get nice, green bars all the time.
2) Am I supposed to put this in the css file?
No, but there is another validator [jigsaw.w3.org] for CSS.
3) I added the z index - not having an idea of what it does - and it corrects (at least in firefox) the boxes going behind the other boxes
That will work, but I strongly suspect that this is an "extra leg" solution to a more fundamental issue. You may want to go back and reconstruct your CSS, one element at a time. If the solution is adding something, then the solution is usually inefficient (see previous rant on simplicity).
4) About the li:hover ... supposedly this works with a csshover.htc file - but I am not even sure I have that right. I was supposed to download it from a page - and I got something - but not sure if I really got it.Does this make sense to anyone? How can I tell if I really have this csshover.htc file? I put something in ... but not sure I really have it.
I'd first see if you really need the li:hover. I know that <he who I have agreed not to name /> doesn't use .htc files, because his solutions are pure CSS; not hybrid JavaScript (.htc won't work with scripting disabled, so they are not a "pure" CSS method). I don't use them. I am aware of them, but SuzyUK would be far more useful than I in explaining them.
5) Besides that .. if I want to ask about relative and absolute and padding and such, sounds like it is a different topic.
I try to avoid absolute positioning, if possible, because some browsers get REAL BUGGY when I use it (Firefox, for one, won't print more than one page if I use absolute positioning). However, some effects require it. The biggest browser differences tend to come from spacing issues (padding and margins). A good bet is to use the universal "stripper" *{} to remove all padding and margins, then add exactly what you need.
THANK YOU!
Diane
You're more than welcome. Most of us learned our chops through the open and egalitarian nature of the Web, so we try to give back. I don't make a living as a Web designer, myself, so I'm not really competing with anyone. In fact, as you have seen, people compete with each other to be the first/most helpful on this forum, which I think is very kewl indeed.
Chris
I think I (not I but we - you have helped!) have this sorted out now.
I assume when you say validate - that is syntex checker ... (in GoLive).
I have looked for the Web Developer Toolbar and am checking it out.
Thank you!
Diane
