isnoend2001
asked on
Need feedback on switching my old html site to css
I am in the process of changing my old badly coded html site (about150 pages) With the help of you experts on css I think i have the header portion done, before I go on to the body I would like some feedback on what i have done so far.(the header) Any changes I need to make i can carry over to the body and then footer. Could you css experts look
over this code and please give feedback
over this code and please give feedback
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>New Header</title>
<style type="text/css" media="screen">
#wrapper { width:965px; margin: 0px auto; }
#innerWrapper { width: 960px; overflow:hidden; }
#left { float: left; width: 110px; margin-top:50px; }
#middle { float: left; width: 600px; margin-top:50px; margin-left:50px;}
#right { float: left; width: 150px; margin-left: 5px; }
.roofcalculator { text-align:center; }
#right span {
display:block;
text-align:center!important;
}
</style>
<link rel="stylesheet" type="text/css" href="../RGcss.css">
</head>
<body>
<div id="wrapper">
<div class="roofcalculator">Roof CalcWriter Software</div>
<div align="center">
<p class="Bbluefont12">
Put a roofing estimate together in under 2 minutes and get a complete roof material list !
</p>
</div>
<div id="innerWrapper">
<div id="left">
<img src="../images/rglogo105x54.jpg" alt="roof estimates fast and easy" style="margin-top: 50px;" width="105" height="54"> </div>
<div id="middle">
<div style="margin-left: 40px" ;>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-5860242097775343";
/* Banner468x60 */
google_ad_slot = "6605322965";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<p>
<div style="margin-left:20px">
<!-- ~Title this title will change for different pages~ -->
<span class="sMedBoldBlue"> How to determine or calculate roof pitch or roof slope</span>
</p>
</div>
<!-- End of Title -->
</div>
</div>
<div id="right">
<span class="font12"> <img src="http://roofgenius.com/images/Pitch12_12.jpg" alt="Roof pitch 12/12" width="148" height="123">
<span> Visual Roof Pitch Examples <a href="../Roof-Pitch-Examples.asp">Here</a></span></span> </div>
</div>
</div>
<hr width="86%" size="1">
<!-- ~This add below may be changed for different pages -->
<div align="center">
<div style="margin-top:20px">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-5860242097775343";
/* 728x90 Leaderboard */
google_ad_slot = "8783882497";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</body>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
That pasting to the validator makes it eaiser