Link to home
Start Free TrialLog in
Avatar of isnoend2001
isnoend2001Flag for United States of America

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
<!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>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of isnoend2001

ASKER

thanks experts you got me going in the right direction.
That pasting to the validator makes it eaiser