... that is driving me completely nutty.
I'm trying to create a mouse over effect, where, if you mouse (hover) over a "button", a drop down list of links appears. I see it everywhere, it's perfect for what I'm trying to accomplish, I've tried several things for several days, and I just can't get the drop downs to appear.
Here's the txt file. Please help me, if you can. I'm really getting unnerved, and am hoping that fresh eyes will do the trick.
THANK YOU SO MUCH!http://www.vladdy.net/Demos/CSSNav.htmlYou're missing an ending curly brace. But I believe the bigger problem is the code is horribly bloated and screwed up. Me thinks you went "File -> Save As" in IE while viewing a page... I've heard IE does strange things with HTML when saving...Originally posted by Paul Jr
I've heard IE does strange things with HTML when saving... You heard right. Even scarier, that's the markup that IE actually parses hence mangling your code; regardless how neat it was before IE got to it.happen to have an example page for this fred? converting all my friends to firefox, and this would be some nice ammo to pack...Originally posted by samij586
happen to have an example page for this fred? converting all my friends to firefox, and this would be some nice ammo to pack... Of course, take this page for instance. In IE, do a File » Save As… and compare that to how the source actually looks. It changes quite a few things (for the worse). Moreover, as for converting your friends to Mozilla, just give them a link to this page (<!-- m --><a class="postlink" href="http://ashitaka-san.home.comcast.net/yayrant/ieharmful.html">http://ashitaka-san.home.comcast.n ... rmful.html</a><!-- m -->) or perhaps Mozilla's very own article on the subject (<!-- m --><a class="postlink" href="http://www.mozilla.org/products/firefox/why/">http://www.mozilla.org/products/firefox/why/</a><!-- m -->). Or even more importantly — let them try it out for themselves!This
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>Example</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
//]]>
</script>
</head>
<body>
</body>
</html>
Turned into this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xml:lang="en"
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Example</TITLE>
<META http-equiv=Content-Type
content="application/xhtml+xml; charset=iso-8859-1">
<STYLE type=text/css></STYLE>
<SCRIPT type=text/javascript>
//<![CDATA[
//]]>
</SCRIPT>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY></BODY></HTML>
That wasn't even a site, either...A few things to note: The DOCTYPE changed. Originally it was XHTML 1.1; it changed to HTML 4.01 Transitional. XML CDATA block removed from within CSS (but left alone in the JavaScript?). All tags converted to uppercase. Quoted attributes become unquoted. Original formatting lost. Lame "generator" (more like "destroyer") <meta> element. When using XHTML, the xml:lang attribute and XML namespace still remain intact, but due to the addition of the HTML 4.01 Transitional DOCTYPE these attributes become invalid (as well as some other odd quirks).Yeah, I've been showing them that article, as well as the IE is dead article, then ususally a few of the more advanced zengarden themes. 100% turnover ratio so farHey, if they don't have Windows XP, you might want to show them part of that page is true, and can be proven so right up front: <!-- m --><a class="postlink" href="http://projep.t35.com/pi/ie_is_crap.gif">http://projep.t35.com/pi/ie_is_crap.gif</a><!-- m --> sorry about the img, i saved it on paint, photodeluxe cant "imprt the clipboard" when you use print scrn...
Sorry about that, bad linkage. i had to change the filename cuz it didnt say crap at first.. anyways, this is right from my browser location bar: <!-- m --><a class="postlink" href="http://projep.t35.com/pi/ie_is_crap.gifbad">http://projep.t35.com/pi/ie_is_crap.gifbad</a><!-- m --> link...Wow! Thank you for all of your replies.
I looked over the link that you suggested, but the arrow images gave me a little trouble. The lists wouldn't appear when I hovered because of it.
So I searched some more and came across the <!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/bones/">http://www.htmldog.com/articles/suckerfish/bones/</a><!-- m --> (Suckerfish Dropdown Bare Bones Example) and got a fabulous css going. The hovers work perfectly, and I'm not banging my head on my desk. I was interested in horizontal dropdowns, as well, so it was just right, and easy to apply.
I did notice a big difference between what I had coded and what I attached to my original message. I almost didn't recognize the code! I had no idea things would change like that because of the browser.
Again, thanks for all of your replies!!!
I'm trying to create a mouse over effect, where, if you mouse (hover) over a "button", a drop down list of links appears. I see it everywhere, it's perfect for what I'm trying to accomplish, I've tried several things for several days, and I just can't get the drop downs to appear.
Here's the txt file. Please help me, if you can. I'm really getting unnerved, and am hoping that fresh eyes will do the trick.
THANK YOU SO MUCH!http://www.vladdy.net/Demos/CSSNav.htmlYou're missing an ending curly brace. But I believe the bigger problem is the code is horribly bloated and screwed up. Me thinks you went "File -> Save As" in IE while viewing a page... I've heard IE does strange things with HTML when saving...Originally posted by Paul Jr
I've heard IE does strange things with HTML when saving... You heard right. Even scarier, that's the markup that IE actually parses hence mangling your code; regardless how neat it was before IE got to it.happen to have an example page for this fred? converting all my friends to firefox, and this would be some nice ammo to pack...Originally posted by samij586
happen to have an example page for this fred? converting all my friends to firefox, and this would be some nice ammo to pack... Of course, take this page for instance. In IE, do a File » Save As… and compare that to how the source actually looks. It changes quite a few things (for the worse). Moreover, as for converting your friends to Mozilla, just give them a link to this page (<!-- m --><a class="postlink" href="http://ashitaka-san.home.comcast.net/yayrant/ieharmful.html">http://ashitaka-san.home.comcast.n ... rmful.html</a><!-- m -->) or perhaps Mozilla's very own article on the subject (<!-- m --><a class="postlink" href="http://www.mozilla.org/products/firefox/why/">http://www.mozilla.org/products/firefox/why/</a><!-- m -->). Or even more importantly — let them try it out for themselves!This
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>Example</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
//]]>
</script>
</head>
<body>
</body>
</html>
Turned into this
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xml:lang="en"
xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Example</TITLE>
<META http-equiv=Content-Type
content="application/xhtml+xml; charset=iso-8859-1">
<STYLE type=text/css></STYLE>
<SCRIPT type=text/javascript>
//<![CDATA[
//]]>
</SCRIPT>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
<BODY></BODY></HTML>
That wasn't even a site, either...A few things to note: The DOCTYPE changed. Originally it was XHTML 1.1; it changed to HTML 4.01 Transitional. XML CDATA block removed from within CSS (but left alone in the JavaScript?). All tags converted to uppercase. Quoted attributes become unquoted. Original formatting lost. Lame "generator" (more like "destroyer") <meta> element. When using XHTML, the xml:lang attribute and XML namespace still remain intact, but due to the addition of the HTML 4.01 Transitional DOCTYPE these attributes become invalid (as well as some other odd quirks).Yeah, I've been showing them that article, as well as the IE is dead article, then ususally a few of the more advanced zengarden themes. 100% turnover ratio so farHey, if they don't have Windows XP, you might want to show them part of that page is true, and can be proven so right up front: <!-- m --><a class="postlink" href="http://projep.t35.com/pi/ie_is_crap.gif">http://projep.t35.com/pi/ie_is_crap.gif</a><!-- m --> sorry about the img, i saved it on paint, photodeluxe cant "imprt the clipboard" when you use print scrn...
Sorry about that, bad linkage. i had to change the filename cuz it didnt say crap at first.. anyways, this is right from my browser location bar: <!-- m --><a class="postlink" href="http://projep.t35.com/pi/ie_is_crap.gifbad">http://projep.t35.com/pi/ie_is_crap.gifbad</a><!-- m --> link...Wow! Thank you for all of your replies.
I looked over the link that you suggested, but the arrow images gave me a little trouble. The lists wouldn't appear when I hovered because of it.
So I searched some more and came across the <!-- m --><a class="postlink" href="http://www.htmldog.com/articles/suckerfish/bones/">http://www.htmldog.com/articles/suckerfish/bones/</a><!-- m --> (Suckerfish Dropdown Bare Bones Example) and got a fabulous css going. The hovers work perfectly, and I'm not banging my head on my desk. I was interested in horizontal dropdowns, as well, so it was just right, and easy to apply.
I did notice a big difference between what I had coded and what I attached to my original message. I almost didn't recognize the code! I had no idea things would change like that because of the browser.
Again, thanks for all of your replies!!!