Hi Nancy,
I sometimes still see white flashes. This happens when I check in Dreamweaver. I am not sure if it is happening on the web. When I check on web it seems to be ok, but I am not sure if there is some cache thing where my computer knows what to do.
I am wondering if you could be a little more explicit in regards to your instructions below. Are you saying go to my style.css code and add
body {display:none}
and then go to my boilerplate.css and background.css and put
body {display:block}
or how and where should these be placed?
I ran it through Validator and fixed up what I could, but still get errors about "stray end tag div" that I don't know what to do with. I also get errors about alt"" that I can't seem to identify. I have removed and put back the alt "" to no avail.
My URL is: www.adjacentdimensionsmedia.com
the code is below.
Thanks.
Paul
One solution (if you can call it that), is to hide the body tag initially with your primary style sheet, then load the body with your last style sheet.
First CSS file = body {display:none}
Last CSS file = body {display:block}
INDEX PAGE HTML CODE:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
<script src="respond.min.js"></script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</style>
</head>
<body>
<div class="portfoliolinkbackground">Home<a id="portfoliolinkclear" href="index.html"></a>
</div>
<div id="adtitletest"><img src="images/adtitlewithwdandgraphics.png" width="700" height="220" alt=""/></div>
<div id="businesslinkport">Portfolio</div>
<a id="businesslinkclear" href="portfolio.html"></a></div>
<div id="classicallinkport1">Client</div>
<a id="classicallinkclear" href="clientchecklist.html"></a> </div>
<div id="hiphoplinkport1">Contact</div>
<a id="hiphoplinkclear" href="contactform.html" ></a> </div>
<div id="rocklinkport1" href="pricing.html">Price</div>
<a id="rocklinkclear" href="pricing.html" > </a></div>
<div id="facebookhome">
<p><a href="https://www.facebook.com/paul.kirsch.399/about"><img src="images/facebookdkblue.png" width= "95" height="60" alt=""></a></p></div>
<div id="linkedinhome"> <p><a href="https://www.linkedin.com/in/paulkirschadjacentdimensions"><img src="images/linkedin.jpg" width="55" height="52" alt=""></a></div>
<div id="twitterhome"> <a href="https://www.twitter.com/kirschpaul"><img src="images/twitter.png" width="58" height="58" alt=""></a></div>
</div>
<div id="crossfade">
<img class="bottom" src="treeinovalonlyforpossiblefade4.png" alt"">
<img class="top" src="treeinovalonlyforpossiblefade2.png" alt"" >
</div>
<p> </p>
<p> </p>
<p> </p>
</body>
<div id="footercontact"><strong>
CONTACT: paul.kirsch(at)ymail.com</strong>
</div>
</html>