Everything was working GREAT, and then... (Full Version)

All Forums >> [Web Development] >> Expression Web Help



Message


tjpitches -> Everything was working GREAT, and then... (8/10/2006 15:27:57)

was working in EWD this morning, and trying to create those cool CSS drop down menus that stu nicholls showed on his site.
EVERYTHING was working great (i did it jaybee!)
went to lunch. came back. opened file.

i decided to select "optimize html" ... i watched as the code was changed in an instant.
NOW i can't get my menus to drop down!!

AAAHHHHGGGGGHHHH!!!


can someone help? here's the code that looked VERY cool this morning ...
ignore the links as they will be changed.
thanks.
tj

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>An Illinois and Indiana Adoption Agency: Sunny Ridge Family Center</title><meta name="Author" content="Tom Jackson" /><meta name="keywords" content="adoption, adopt, adoption agencies, sunny ridge, guatemala adoption, guatemalan adoption, illinois adoption, indiana adoption, China adoption, adoption from China, chinese adoption, China girl adoption, infant adoptions, dossier preparation, dossier, adopt a baby, adopt children, baby adoption, birthmother, birth, abortion alternatives, pregnant, unwanted pregnancy, teenage pregnancy, baby, child."/><meta name="Ddescription" content="Sunny Ridge Family Center is an Illinois, Indiana Adoption Agency Serving Children and building families through domestic adoptions, China adoptions, Guatemala adoptions, and Intercountry adoptions."/><meta name="verify-v1" content="n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y=" /><meta http-equiv="imagetoolbar" content="no" /><link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" /><link rel="icon" href="../favicon.ico" type="image/ico" /><link rel="stylesheet" media="all" type="text/css" href="../css/cssplay.css" /><style type="text/css">
.menu {
width: 750px;
font-size: medium;
padding-bottom: 150px;
}
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
.menu li {
float:left;
width:150px;
position:relative;
}
.menu a, .menu a:visited {
display: block;
font-size: 11px;
text-decoration: none;
color: #fff;
width: 139px;
height: 30px;
border: 1px solid #fff;
border-width: 1px 1px 0 0;
background: #758279;
padding-left: 10px;
line-height: 29px;
font-family: Verdana;
}
* html .menu a, * html .menu a:visited {
width:149px;
w\idth:139px;
}

.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
.menu ul ul ul a:hover {
background:#b2ab9b;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:150px;
}
* html .menu ul ul {
top:30px;
t\op:31px;
}

.menu ul ul ul{
left:150px;
top:0;
width:150px;
}
table {position:absolute; top:0; left:0;}

.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd;
color:#000;
height:auto;
line-height:1em;
padding:5px 10px;
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


.menu a:hover, .menu ul ul a:hover{
color:#fff;
background:#949e7c;
}



.style2 {
font-family: Verdana;
}
.style3 {
font-size: xx-small;
}



.style4 {
text-align: center;
}



.style5 {
text-align: left;
}



</style type="text/css">


</head><body style="font-size: medium; font-weight: bold"><div id="wrapper"><div id="page_head"><p><img src="mainbanner07A.jpg" width="750" height="100" /></p>
</div><div id="info"><div class="menu" style="width: 750px"><ul><li class="style4"><a class="drop" href="../menu/index.html">
<div class="style4">Adoption<!--[if IE 7]><!-->
</div></a><div class="style5"> <table><tr><td><ul><li><a href="../menu/zero_dollars.html" title="How To Adopt">How To Adopt</a></li><li><a class="drop" href="../menu/hover_click.html" title="Children In Need of A Home">Children In Need of A Home <!--[if IE 7]><!--></a><table><tr><td><ul><li><a href="#nogo">International Adoption »<!--[if IE 7]><!--></a> <table><tr><td><ul><li><a href="#nogo">China</a></li><li><a href="#nogo">Colombia</a></li><li><a href="#nogo">Ethiopia</a></li><li><a href="#nogo">India</a></li><li><a href="#nogo">Kazakhstan</a></li><li><a href="#nogo">Korea</a></li><li><a href="#nogo">Philippines</a></li><li><a href="#nogo">Poland</a></li><li><a href="#nogo">Russia</a></li><li><a href="#nogo">Ukraine</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li><li><a href="../menu/form.html" title="Domestic Adoption">Domestic Adoption</a></li><li><a href="../menu/form.html" title="African American Adoption">African American Adoption</a></li><li><a href="../menu/form.html" title="Special Needs Adoption">Special Needs Adoption</a></li
</ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li><li class="upone"><a href="../menu/shadow_boxing.html" title="Attend A Meeting">Attend A Meeting</a></li><li><a href="../menu/old_master.html" title="Families Waiting">Families Waiting</a></li><li><a href="../menu/bodies.html" title="Home Study Services">Home Study Services</a></li><li><a href="../menu/fade_scroll.html" title="Education/Training">Education/Training</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></div></li><li><a href="../boxes/index.html"><div class="style4">For Birth Parents<!--[if IE 7]><!--></div></a> <table><tr><td><ul><li><a href="spies.html" title="Pregnant?">Pregnant?</a></li><li><a href="vertical.html" title="Waiting Families">Waiting Families</a></li><li><a href="vertical.html" title="Real Stories">Real Stories</a></li><li><a href="expand.html" title="Birth Parent Forum">Birth Parent Forum</a></li><li><a href="enlarge.html" title="an unordered list with link images">Contact A Counselor</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li><li class="style1"><a href="../mozilla/index.html"><div class="style4">For Adoptees<!--[if IE 7]><!--></div></a> <table><tr><td><ul><li><a href="../mozilla/dropdown.html" title="Were You Adopted?">Were You Adopted?</a></li><li><a href="../mozilla/cascade.html" title="Menu 2">Menu 2</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li><li class="style1"><a href="../ie/index.html"><div class="style1">Support Sunny Ridge<!--[if IE 7]><!--></div></a> <table><tr><td><ul><li><a href="../ie/exampletwo.html" title="Make A Donation">Make A Donation</a></li><li><a href="../ie/weft.html" title="Attend An Event">Attend An Event</a></li><li><a href="../ie/exampletwo.html" title="Volunteer">Volunteer</a></li><li><a href="../ie/exampleone.html" title="Educators">Education/Training</a></li></ul></td></tr></table><!--[if lte IE 6]></a><![endif]--></li><li><a href="../opacity/index.html"><div class="style1">About Sunny Ridge<!--[if IE 7]><!--></div></a> <table><tr><td><ul><li><a href="../opacity/colours.html" title="Our Mission">Our Mission</a></li><li><a href="../opacity/png2.html" title="Our History">Our History</a></li><li><a href="../opacity/picturemenu.html" title="Publications">Publications</a></li><li><a href="../opacity/png2.html" title="Directions">Directions</a></li><li><a href="../opacity/png2.html" title="Contact Us">Contact Us</a></li> <!--[if IE 7]></ul></td></tr></table></li></ul></div><span class="style2"><span class="style3"><br class="clear" /></span></span><span class="style3"></div></span></div><script type="text/javascript">
var dc_UnitID = 14;
var dc_PublisherID = 3366;
var dc_AdLinkColor ='#cc6600';
var dcAL_LY_bgColor='#FFFFF0';
var dc_adprod='ADL';
</script type="text/javascript">
<script type="text/javascript" src="KonaLibInline.js"></script type="text/javascript" src="KonaLibInline.js">
<script src="urchin.js" type="text/javascript">
</script src="urchin.js" type="text/javascript">
<script type="text/javascript">
_uacct = "UA-451410-1";
urchinTracker();
</script type="text/javascript">
</body></html>




Spooky -> RE: Everything was working GREAT, and then... (8/10/2006 15:40:17)

In code view, right click on the page and select "reformat html"

That should apply the standard formatting rules and return at least the line breaks to the correct format.
This may be the cause of your problem, but if not, at least the formatting will make it easier to spot the problem.

Hint - dont use that option again [;)]




tjpitches -> RE: Everything was working GREAT, and then... (8/10/2006 15:59:38)

thanks, spooky -- got it fixed.

"optimize html" sounds like such a smart, clean, righteous thing to do ... when in fact, it's no bueno.
thanks.
tj




jaybee -> RE: Everything was working GREAT, and then... (8/10/2006 18:58:50)

Optimise HTML software is available and this obviously does the same thing....... removes all the spaces, line breaks etc.

Unfortunately, sometimes you need them. [&:]

And congrats on the menu. [:D] See! learn by doing and feel chuffed as heck. That's how I got where I am now. I think you'll find very few of the pros here had formal training.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125