 Making This Website Automatically Scale For Browsers |
|
|
|
|
  |
 Feb 16 2008, 09:20 AM
Post
#1
|
|
|
Member [Level 1]  Group: [HOSTED] Posts: 63 Joined: 7-July 05 Member No.: 9,139  |
Hi I am trying to scale the code below so It can be used for a furniture business website successfully, heres the code:
CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-5" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div id="header"> <a href="#"><img src="images/name.jpg" alt="" width="214" height="46" /></a> <ul class="menu"> <li><a href="#"><img src="images/but1.jpg" alt="" width="43" height="30" /></a></li> <li><a href="#"><img src="images/but2.jpg" alt="" width="107" height="30" /></a></li> <li><a href="#"><img src="images/but3.jpg" alt="" width="94" height="30" /></a></li> <li><a href="#"><img src="images/but4.jpg" alt="" width="85" height="30" /></a></li> <li><a href="#"><img src="images/but5.jpg" alt="" width="138" height="30" /></a></li> </ul> </div> <div id="content"> <div class="left"> <img src="images/title1.gif" alt="" width="215" height="51" /> <p class="text"><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epic uri verterem, quando tempr et mei. Eam equidem erroribus an, id nam illum perse- cuti</p> <a href="#" class="read floatright">read more</a> <div class="latest"> <img src="images/title2.gif" alt="" width="71" height="20" /><br /> <div class="news"> <span class="date">12/20/2007</span> <p><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr <a href="#"><img src="images/ar.gif" alt="" width="8" height="5" /></a></p> </div> <div class="news"> <span class="date">12/20/2007</span> <p><strong>Lorem ipsum quaeque</strong><br /> eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr <a href="#"><img src="images/ar.gif" alt="" width="8" height="5" /></a></p> </div> <a href="#" class="read floatleft">read more</a> </div> <div class="services"> <img src="images/title3.gif" alt="" width="79" height="19" /> <p><strong>Nec ea dos epicuri verterem,</strong><br /> quando tempr et mei. Eam equidem erroribus an, id </p> <ul> <li><a href="#">Nam illum persecuti suas</a></li> <li><a href="#">Facilis vim ne. Id per lorem</a></li> <li><a href="#">Aperiam suavitate, nec legimus</a></li> <li><a href="#">Debitis te. Has meis omittam</a></li> </ul> <a href="#" class="read floatleft pad">read more</a> </div> </div> <div class="flash"> <img src="images/topcorn.gif" alt="" width="466" height="3" /> <img src="images/flash.jpg" alt="" width="466" height="353" border="0" usemap="#Map" /> <img src="images/botcorn.gif" alt="" width="466" height="3" /> </div> <div class="every"> <img src="images/title4.gif" alt="" width="96" height="19" class="pad1" /> <img src="images/pic1.jpg" alt="" width="107" height="127" class="floatleft" /> <ul> <li class="border">coffee pot</li> <li class="border">microvawe</li> <li class="border">flowers</li> <li class="border">fireplaces</li> <li class="border">coffee maker</li> <li class="border">air conditioning</li> <li><strong>more</strong></li> </ul> </div> <div class="sight"> <img src="images/title5.gif" alt="" width="84" height="19" /> <p><strong>Nec ea dos epicuri verterem,</strong><br /> quando tempr et mei. Eam equidem errori- bus an, id </p> <ul> <li><a href="#">Nam illum persecuti suas</a></li> <li><a href="#">Facilis vim ne. Id per lorem</a></li> <li><a href="#">Aperiam suavitate, nec legimus</a></li> <li><a href="#">Debitis te. Has meis omittam</a></li> </ul> <a href="#" class="read floatleft pad">read more</a> </div> </div> <div id="footer"> <p>© 2007 Bed & Breakfast. All rights reserved</p> <a href="#">Terms Of Use</a> | <a href="#">Privacy Policy</a> </div> <map name="Map"> <area shape="rect" coords="9,337,74,350" href="#"> <area shape="rect" coords="416,336,459,350" href="#"> <area shape="rect" coords="156,336,169,350" href="#"> <area shape="rect" coords="171,336,183,350" href="#"> <area shape="rect" coords="185,336,197,350" href="#"> <area shape="rect" coords="199,336,211,350" href="#"> <area shape="rect" coords="213,336,224,350" href="#"> <area shape="rect" coords="226,336,237,350" href="#"> <area shape="rect" coords="239,336,251,350" href="#"> <area shape="rect" coords="253,336,265,350" href="#"> <area shape="rect" coords="267,336,279,350" href="#"> <area shape="rect" coords="281,336,299,350" href="#"> </map> </body> </html> |
 |
 
|
|
Feb 16 2008, 10:40 AM
Post
#2
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing.  Group: [MODERATOR] Posts: 3,754 Joined: 24-July 05 From: In Trouble Again... still? Member No.: 9,787  |
We will also need to see the contents of the CSS file, too.
Post it up here... |
|
|
|
|
Similar Topics
|
Lo-Fi Version | Time is now: 16th May 2008 - 06:47 PM |