Two questions in regards to a website I am working on…
My website: http://thendesign.com/new/type.html (I do not have everything loaded so I know some of my image links do not exist)
-
when the page is refreshed, the structure of my code blips before the page is loaded. I have tried combining all of my .css and .js files so it is only pulling one file, but it didn’t help any. Is there anything else I can do?
-
I like the css dropdown that i have done, but it doesn’t work at all in Internet Explorer. Do I need to completely ditch this concept and do something with jQuery? The jQuery I tried conflicts with the accordion image slider on the index page (click the logo in the top left to get to the index page).
Suggestions on a good jQuery dropdown or what I need to do to get my dropdown to work in IE (i know that the transparent background is a problem – can i make it so it is transparent where accepted but solid in IE??)
Thanks in advance for your assistance!!
The reason for the blip is that you don’t hide all those elements until the “domenabled” class is added to the body by
ul2finder. Since this is done in thewindow.onloadhandler, it doesn’t happen until the page is rendered the first time. Instead of doing it there, put that check in inline JavaScript in the body oftype.html. Then it will take effect BEFORE the rest of the body is rendered.UPDATE: Right after the
<body>tag, add:UPDATE 2:
This isn’t right. The
domenabledclass isn’t what causes things to be hidden. There’s a loop infinder.jswith the comment:and this is what hides all those elements. And none of this runs until after the page is loaded.
I don’t know about your CSS dropdowns, but maybe Modernizr can be of help there.