CSS Image position help!!
Hiya,
I am developing a site (test page http://jjpeacha.awardspace.com/test/) and the images look ok in a 1280 by 800 resolution but not in any other resolution.
How would I go about fixing this?
Thanks!
The Code is below:
- Code: Select all
<html>
<!-- lpg, liquid propane gas, liquid petroleum gas, autogas equipment importers and distributors, lpg parts, gas conversions, lpga approved importers and distributors, how do i make my car environmentally friendly, environmentally friendly fuel, environmentally friendly cars, convert cars to be environmentally friendly, engine conversion specialists, lpg specialists, green engines, green engine conversion kits, green engines for cars, specialists in engine conversions, convert my car -->
<head>
<TITLE>Jaymic Systems - UK's largest importer and distributor of automotive lpg equipment.</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Jaymic Systems, lpg parts, gas conversions, autogas equipment importers, autogas, conversions, equipment, importers, distributors, Zavoli, sequential injection, Alisei, training filling station, technical help, Stako tanks, lpga approved, dream, Leonardo, millennium, icom, aeb, stargas, gms, fillers, fill adapters, flashlube, diy, black cab, london taxi, sprint gas, hkl, calor, fes, brc">
<meta name="description" content="Jaymic Systems - autogas equipment importers and distributors. LPG parts, equipment and gas conversions. Members of the LPGA and distributors of Zavoli LPG injection systems.">
<style type="text/css">
<!--
body {
background-image: url(images/background.gif);
}
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 752px;
top: 266px;
overflow: visible;
visibility: visible;
}
#Layer2 {
position:absolute;
width:66px;
height:47px;
z-index:2;
left: 684px;
top: 705px;
}
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<div id="Layer1"><img src="http://www.webforumz.com/images/thing.png" alt="image" width="432" height="399"></div>
<table id="Table_01" width="679" height="748" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="http://www.webforumz.com/images/jaymic_logo.gif" width="679" height="150" alt=""></td>
</tr>
<tr>
<td background="http://www.webforumz.com/images/flash_left.gif"> </td>
<td colspan="3" align="center" valign="middle" bgcolor="#FFFFFF"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="630" height="160" title="Navigation">
<param name="movie" value="flash/navigation.swf">
<param name="quality" value="high">
<embed src="flash/navigation.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="630" height="160"></embed>
</object></td>
<td background="http://www.webforumz.com/images/flash_right.gif"> </td>
</tr>
<tr>
<td colspan="5">
<img src="http://www.webforumz.com/images/flash_spacer.gif" width="679" height="3" alt=""></td>
</tr>
<tr>
<td colspan="2" background="http://www.webforumz.com/images/left_border.gif"> </td>
<td align="left" valign="top" bgcolor="#FFFFFF"><p align="left"><img src="http://www.webforumz.com/images/welcome.png" alt="Welcome to Jaymic Systems" width="177" height="58"></p>
<table width="75%" border="0">
<tr>
<td>Welcome to Jaymic Systems, the UKs largest importer and distributer of automotive LPG equipment. On our website you can browse a selection of our products and get a quote to convert your vehicle by one of our network of fully trained UK installers.</td>
</tr>
</table>
<p align="center"><img src="http://www.webforumz.com/images/seperator.png" alt="Seperator" width="227" height="30"></p>
<p align="left"><img src="http://www.webforumz.com/images/news_flash.png" alt="Latest Jaymic News" width="256" height="59"></p>
<p>[DATE] Jaymic Systems becomes a Powershift Approved Company <strong>>> </strong></p>
<p>[DATE] Jaymic Systems now has an Approved M.O.T Station <strong>>> </strong></p>
<p>[DATE] Jaymic Systems works with LPG boats <strong>>></strong></p>
<p>[DATE] Coming Soon - Fully Integrated webcam <strong>>> </strong></p>
<p align="left"><img src="http://www.webforumz.com/images/read_more.png" alt="Read More ->>" width="147" height="43"></p>
<div id="Layer2"><img src="http://www.webforumz.com/images/ambulance.gif" alt="Ambulance" width="96" height="66"></div>
<div align="right">
<table width="60%" border="0px">
<tr>
<td align="right" valign="middle">Created by James Chambers </td>
</tr>
</table>
</div></td>
<td colspan="2" background="http://www.webforumz.com/images/right_border.gif"> </td>
</tr>
<tr>
<td colspan="5">
<img src="http://www.webforumz.com/images/footer.gif" width="679" height="34" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.webforumz.com/images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="http://www.webforumz.com/images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="http://www.webforumz.com/images/spacer.gif" width="622" height="1" alt=""></td>
<td>
<img src="http://www.webforumz.com/images/spacer.gif" width="4" height="1" alt=""></td>
<td>
<img src="http://www.webforumz.com/images/spacer.gif" width="24" height="1" alt=""></td>
</tr>
</table>
</center>
</body>
</html>
Last edited by jjpeacha; Jul 9th, 2007 at 21:55.
Reason: link was wrong
|
CSS Image position help!!
Jul 9th, 2007, 21:47
Similar Threads
