PDA

View Full Version : A myriad of problems...NEED HELP

cakanode
Jan-11-2008, 09:56 AM
Hey guys,
So I've done some customization on my website and it's started to look a little better than it did. However, I use FireFox and many of the customizations that I've done are completely messed up in one way or another in IE. Seeing as how I'm not very good with html or css, I have no idea where I've gone wrong.

Is there anyone out there who is willing to help me figure out where the problems are coming from so that I can get my site working for all the folks who use IE can still view my site properly?? Any and all help would be GREATLY appreciated. Kudos in advance... :)

www.cakanode.smugmug.com

---Casey
Allen
Jan-11-2008, 03:45 PM
Hey guys,
So I've done some customization on my website and it's started to look a little better than it did. However, I use FireFox and many of the customizations that I've done are completely messed up in one way or another in IE. Seeing as how I'm not very good with html or css, I have no idea where I've gone wrong.

Is there anyone out there who is willing to help me figure out where the problems are coming from so that I can get my site working for all the folks who use IE can still view my site properly?? Any and all help would be GREATLY appreciated. Kudos in advance... :)

www.cakanode.smugmug.com (http://www.cakanode.smugmug.com)

---Casey
Start by replacing your navbar html in your header with this. Fixed a bunch
of errors. What IE are you using? Anything else wacko?

<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->

<div align="center">

<div class="menu">

<ul>

<!-- First Main Menu Item -->

<li><a class="drop" href="http://www.cakanode.smugmug.com" title="C. Forest Kanode Photography">Home
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="mailto:cakanode@vt.edu" title="Email Casey">Email Me</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="http://cakanode.smugmug.com/share/QHYoWXLHhIHIg" title="New Galleries">Newest Galleries</a></li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="http://www.cakanode.smugmug.com/" title="Galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Nature" title="Nature Galleries">Nature Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://cakanode.smugmug.com/Nature/425993" title="Scenic">Scenic Shots</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425994" title="Outdoor Excursions">Trips</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425995" title="Waterfalls">Waterfalls</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425997" title="Black &amp; White Nature">Black &amp; White Nature</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425996" title="Outdoor Activities">Outdoor Activities</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://cakanode.smugmug.com/Animals" title="Animals">Animal Galleries</a></li>
<li><a href="http://www.cakanode.smugmug.com/Travel" title="Travel">Travel</a></li>
<li><a href="http://www.cakanode.smugmug.com/Flowers" title="Flowers">Flowers</a></li>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Virginia%20Tech" title="VT">VT Photos
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cakanode.smugmug.com/Virginia%20Tech/425593" title="Buildings">Buildings</a></li>
<li><a href="http://www.cakanode.smugmug.com/Virginia%20Tech/425508" title="Football">Football</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Urban%20Shots" title="Urban">Urban Shots
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cakanode.smugmug.com/Urban%20Shots/425580" title="Wash. D.C.">Wash. D.C.</a></li>
<li><a href="http://www.cakanode.smugmug.com/Urban%20Shots/425581" title="Wilmington">Wilmington</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Family%20&amp;%20Friends" title="People I Know">Family &amp; Friends
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cakanode.smugmug.com/Family%20&amp;%20Friends/425583" title="The Fam.">Family</a></li>
<li><a href="http://www.cakanode.smugmug.com/Family%20&amp;%20Friends/425584" title="Friends">Friends</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://cakanode.smugmug.com/Art" title="Artistic Photos">Artistic Photos</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a href="http://www.cakanode.smugmug.com/gallery/3979351" title="See Samples of Framed Work">Product Samples</a></li>

<!-- Next Main Menu Item -->

<li><a href="http://cakanode.smugmug.com/gallery/3989863" title="Sign My Guestbook!">Guestbook</a></li>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->

</div>
</div>
<!-- End Navbar Code -->
cakanode
Jan-12-2008, 08:21 AM
Start by replacing your navbar html in your header with this. Fixed a bunch
of errors. What IE are you using? Anything else wacko?

<!-- CSS Dropdown Nav Bar -->
<!-- Original code by Stu Nicholls of -->
<!-- http://www.cssplay.co.uk/ -->
<!-- Edited by me for content, formatting, and some elements -->
<!-- Please help support CSSPlay at: -->
<!-- http://www.cssplay.co.uk/support.html -->

<div align="center">

<div class="menu">

<ul>

<!-- First Main Menu Item -->

<li><a class="drop" href="http://www.cakanode.smugmug.com" title="C. Forest Kanode Photography">Home
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="mailto:cakanode@vt.edu" title="Email Casey">Email Me</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="http://cakanode.smugmug.com/share/QHYoWXLHhIHIg" title="New Galleries">Newest Galleries</a></li>

<!-- Next Main Menu Item -->

<li><a class="drop" href="http://www.cakanode.smugmug.com/" title="Galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Nature" title="Nature Galleries">Nature Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://cakanode.smugmug.com/Nature/425993" title="Scenic">Scenic Shots</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425994" title="Outdoor Excursions">Trips</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425995" title="Waterfalls">Waterfalls</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425997" title="Black &amp; White Nature">Black &amp; White Nature</a></li>
<li><a href="http://cakanode.smugmug.com/Nature/425996" title="Outdoor Activities">Outdoor Activities</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://cakanode.smugmug.com/Animals" title="Animals">Animal Galleries</a></li>
<li><a href="http://www.cakanode.smugmug.com/Travel" title="Travel">Travel</a></li>
<li><a href="http://www.cakanode.smugmug.com/Flowers" title="Flowers">Flowers</a></li>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Virginia%20Tech" title="VT">VT Photos
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cakanode.smugmug.com/Virginia%20Tech/425593" title="Buildings">Buildings</a></li>
<li><a href="http://www.cakanode.smugmug.com/Virginia%20Tech/425508" title="Football">Football</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Urban%20Shots" title="Urban">Urban Shots
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cakanode.smugmug.com/Urban%20Shots/425580" title="Wash. D.C.">Wash. D.C.</a></li>
<li><a href="http://www.cakanode.smugmug.com/Urban%20Shots/425581" title="Wilmington">Wilmington</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="drop" href="http://www.cakanode.smugmug.com/Family%20&amp;%20Friends" title="People I Know">Family &amp; Friends
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cakanode.smugmug.com/Family%20&amp;%20Friends/425583" title="The Fam.">Family</a></li>
<li><a href="http://www.cakanode.smugmug.com/Family%20&amp;%20Friends/425584" title="Friends">Friends</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://cakanode.smugmug.com/Art" title="Artistic Photos">Artistic Photos</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item -->

<li><a href="http://www.cakanode.smugmug.com/gallery/3979351" title="See Samples of Framed Work">Product Samples</a></li>

<!-- Next Main Menu Item -->

<li><a href="http://cakanode.smugmug.com/gallery/3989863" title="Sign My Guestbook!">Guestbook</a></li>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->

</div>
</div>
<!-- End Navbar Code -->



Thanks so much Allen. I am using IE 7 but I was getting e-mails from friends and family that use various versions of IE that they were having issues. I think you helped fix some of the more blaring ones. The only one that I can see now is that the second level dropdown from Galleries is behind Product samples. Does that make sense? Thank you again for your help and for all that you do for everyone on this site.:clap

--Casey
Allen
Jan-12-2008, 08:45 AM
Thanks so much Allen. I am using IE 7 but I was getting e-mails from friends and family that use various versions of IE that they were having issues. I think you helped fix some of the more blaring ones. The only one that I can see now is that the second level dropdown from Galleries is behind Product samples. Does that make sense? Thank you again for your help and for all that you do for everyone on this site.:clap

--Casey
You're font is gigantic, try reducing the size, see red below.

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:14px;
font-weight: bold;
text-decoration: none;
color: rgb(10,33,75);
width:100; /* Defines the main box dimensions. */
height:30px; /*How tall your cells are*/
background-color: black;
padding-left:10px;
line-height:29px; /*Adjust this to vertically center your text in each cell. Should be about the same as height. */
}

Also you're main bar font color is dark blue and I can hardly see it.
cakanode
Jan-14-2008, 04:38 PM
You're font is gigantic, try reducing the size, see red below.

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:14px;
font-weight: bold;
text-decoration: none;
color: rgb(10,33,75);
width:100; /* Defines the main box dimensions. */
height:30px; /*How tall your cells are*/
background-color: black;
padding-left:10px;
line-height:29px; /*Adjust this to vertically center your text in each cell. Should be about the same as height. */
}

Also you're main bar font color is dark blue and I can hardly see it.
Once again Alan you have made my day. Turns out the large text was causing the problems in IE and I had other complaints about the hard to see font color from visitors to my site. The only thing I see that is a problem now is that my Slideshow doesn't work in IE. It says click to activate and even then it doesn't work. It also interferes with the drop-down menu. Is that slideshow just not compatible with IE or is there an error in my code(Knowing my code skills, I'll assume the latter is true. :D Thanks again. You really do deserve a medal.