Jump to content
xisto Community
it01y2

Making This Website Automatically Scale For Browsers

Recommended Posts

Hi I am trying to scale the code below so It can be used for a furniture business website successfully, heres the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://forums.xisto.com/no_longer_exists/ 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>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.