-If there’s a way to have my menu navigation bar (which is currently on the bottom of all my pages), show up on the top of just two of my pages and stay where it is for every other page? My “Bio” and “Contact” pages both have a lot of content and so my menu bar is all the way at the bottom… might as well be invisible for visitors.
Hm, I suppose you could set it to position: fixed or position: absolute on those pages, which can be messy… were these my pages I’d simply (hah) place the html near the top on those pages, but if you’re using anything like a template… then you may find it too difficult to place stuff in different places (it’s not impossible by any means) and so you could try a css hack like fixed or absolute positioning. It would cover anything sitting on top of those pages (an id on the body for those two pages could let you add enough padding-top there to make room for it, depending on if it’s supposed to stay in place or scroll offscreen as people scroll down).
Maybe it’s because I don’t have scripts on, but your menu was very difficuly for me to read. Light coloured text on a white background don’t help me : )
-Update my code to make the opacity setting in my drop-ups menu work in IE8? It works great everywhere, even in IE7, but I’ve tried a few different things but haven’t been able to get it to work. Any assistance would be wonderful.
(the comments in the sidebar and Paul’s link are prolly required reading)
btw you don’t need to do this:
.slideshow.slideshow_stretch #slideshow, .slideshow.slideshow_stretch #header, .slideshow.slideshow_stretch #footer {
margin-left: 15px;
margin-right: 15px;
min-width: 785px;
width: auto;
<!–[if IE 6]>
_width: expression(document.documentElement.clientWidth < 815? “785px” : “auto”);
<![endif]–>
}
Those IE Conditional Comments are HMTL, not CSS. They do not belong inside stylesheets or the style tag (even if they work). If you want your IE6 styles next to your EveryoneElse styles (and I do as well) then use the Tan hack:
.slideshow.slideshow_stretch #slideshow, .slideshow.slideshow_stretch #header, .slideshow.slideshow_stretch #footer {
margin-left: 15px;
margin-right: 15px;
min-width: 785px;
width: auto;
}
* html .slideshow.slideshow_stretch #slideshow, * html .slideshow.slideshow_stretch #header, * html .slideshow.slideshow_stretch #footer {
width: auto;
width: expression(document.documentElement.clientWidth < 815 ? "785px" : "auto");
}
Start out with the width you want IE6 to do if it’s got JS turned off (those expressions are really just Javascript, and if it’s turned off for security reasons then it won’t work in the CSS either) and then the expression.
Also, you have a space before your doctype, which if I recall correctly can cause IE6 to go into Quirks Mode (you really want your doctype to start at char 1, line 1). Sometimes I’ve gotten IE to not do it so I think it may depend on if there’s actually a certain whitespace character before the doctype that sets it off. Any other characters certainly do.