need help withthis css

davemib · Dec 29, 2003

BODY{
scrollbar-3d-light-color: #D2D2CA;
scrollbar-arrow-color: #999999;
scrollbar-base-color: #D2D2CA;
scrollbar-dark-shadow-color: #D2D2CA;
scrollbar-face-color: #D2D2CA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D2D2CA;
}

A:link {
color: #CC0000;
text-decoration: none;
}

A:visited {
color: #CC0000;
text-decoration: none;
}

A:active {
color: #CC0000;
text-decoration: none;
}

A:hover {
color: #CCCCCC;
text-decoration: none;
}

A.dark:link {
color: #666666;
text-decoration: none;
}

A.dark:visited {
color: #666666;
text-decoration: none;
}

A.dark:active {
color: #666666;
text-decoration: none;
}

A.dark:hover {
color: #000000;
text-decoration: none;
}

TD {
font-size: 12px;
font-family : Verdana;
}

P {
font-size: 12px;
font-family : Verdana;
}

TD.dark {
font-size: 12px;
font-family : Tahoma;
color : #666666;
}

P.dark {
font-size: 11px;
font-family : Verdana;
color : #666666;
}

TD.smaller {
font-size: 11px;
font-family : Tahoma;
color : #000000;
}

P.smaller {
font-size: 11px;
font-family : Verdana;
color : #000000;
}

HR {
color : #D2D2CA;
height : 1px;
}

this is my current one

but on my website i also have layers how do i set this up????

within the layers i have text and a dhtml menu!!!!!

Vragabond · Dec 29, 2003

There isn't much I can help without seeing what you have and knowing what exactly you want to do with it. As a general tip, you will probably want to add your layer information (position, sizes, borders, etc) in your css. Javascript has nothing to do with the css, so your DHTML menu stays the way it is (if it uses a separate external stylesheet it is best to keep it separate). Another thing, you have an error in your existing css. Pseudo classes (for link behaviour) need to be in the exact order to work properly:
:link
:visited
:hover
:active.
Another general rule. CSS stands for cascading style sheets meaning that styles are inherited. If you want to keep the same style for different pseudo classes you just need to define the style for the :link class and the others will be inherited. For the ones you want to use a different style, you define that one (you can thus eliminate text-decoration from all classes but the :link).

davemib · Dec 29, 2003

what i was asking is that here is a web page which has 1 layer

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"

http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape&quot

&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
</head>
<body>
<div id="Layer1" style="position:absolute; left:49px; top:45px; width:629px; height:149px; z-index:1; font-family: "Courier New", Courier, mono; font-size: 24px;">
<div align="center"><em><strong>hello world </strong></em></div>
</div>
</body>
</html>

how can i add this layer into the css??? so that the fonts and sizes stay the same after i publish it!!!!!

BillyRayPreachersSon · Dec 29, 2003

If you add the following to your CSS:

Code:

#Layer1
{
	position: absolute;
	left: 49px;
	top: 45px;
	width: 629px;
	height: 149px;
	z-index: 1;
	font-family: &quot;Courier New&quot;, Courier, mono;
	font-size: 24px;
}

Then you can change your layer code to read:

Code:

<div id=&quot;Layer1&quot;>
  <div align=&quot;center&quot;><em><strong>hello world </strong></em></div>
</div>

Is that what you're after?

Dan

davemib · Dec 30, 2003

this may give yoyu a better picture as to what im having problems with!!!!!

plez help!!!!!!!!!

here is the full coding :

css sheet

BODY{
scrollbar-3d-light-color: #D2D2CA;
scrollbar-arrow-color: #999999;
scrollbar-base-color: #D2D2CA;
scrollbar-dark-shadow-color: #D2D2CA;
scrollbar-face-color: #D2D2CA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D2D2CA;
}

A:link {
color: #CC0000;
text-decoration: none;
}

A:visited {
color: #CC0000;
text-decoration: none;
}

A:active {
color: #CC0000;
text-decoration: none;
}

A:hover {
color: #CCCCCC;
text-decoration: none;
}

A.dark:link {
color: #666666;
text-decoration: none;
}

A.dark:visited {
color: #666666;
text-decoration: none;
}

A.dark:active {
color: #666666;
text-decoration: none;
}

A.dark:hover {
color: #000000;
text-decoration: none;
}

TD {
font-size: 12px;
font-family : Verdana;
}

P {
font-size: 12px;
font-family : Verdana;
}

TD.dark {
font-size: 12px;
font-family : Tahoma;
color : #666666;
}

P.dark {
font-size: 11px;
font-family : Verdana;
color : #666666;
}

TD.smaller {
font-size: 11px;
font-family : Tahoma;
color : #000000;
}

P.smaller {
font-size: 11px;
font-family : Verdana;
color : #000000;
}

HR {
color : #D2D2CA;
height : 1px;
}

css sheet ends

html starts

<html>
<head>
<title>Welcome</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">

</script>
<script language="JavaScript">

</script>
<script language="JavaScript" type="text/JavaScript">

</script>
<script type="text/javascript" language="JavaScript1.2" src="stm31.js"></script>
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="var SymTmpWinOpen = window.open; window.open = SymWinOpen;MM_preloadImages('images/buttons/homeov.gif','images/buttons/aboutov.gif','images/buttons/contactov.gif','images/buttons/helpov.gif','images/buttons/termov.gif','images/buttons/searchov.gif'); window.open = SymTmpWinOpen">
<div id="Layer1" style="position:absolute; left:0px; top:177px; width:117px; height:75px; z-index:1;">
<script id="Sothink Widgets:About1.pgt" type="text/javascript" language="JavaScript1.2">

</script>
</div>
<div id="Layer4" style="position:absolute; left:275px; top:175px; width:96px; height:109px; z-index:4; font-weight: bold;">
<div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">BENQ 8x DVD+RW </font></div>
</div>
<div id="Layer5" style="position:absolute; left:167px; top:287px; width:205px; height:45px; z-index:5">
<p><span class="style1"><font size="3">£156.04</font></span></p>
<p> </p>
</div>
<div id="Layer6" style="position:absolute; left:401px; top:518px; width:201px; height:46px; z-index:6">
<p><span class="style1"><font size="3">£1135.49</font></span><font face="Verdana, Arial, Helvetica, sans-serif"><b><br>
</b></font></p>
</div>
<div id="Layer7" style="position:absolute; left:391px; top:287px; width:208px; height:35px; z-index:7">
<p><font face="Verdana, Arial, Helvetica, sans-serif"><span class="style1"><font size="3">£110.02</font></span></font></p>
<p><font color="#FF0000"></font></p>
</div>
<div id="Layer2" style="position:absolute; left:164px; top:174px; width:108px; height:111px; z-index:8"><img src="images/homepage%20offers/product1.jpg" width="110" height="110"></div>
<div id="Layer8" style="position:absolute; left:157px; top:380px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer9" style="position:absolute; left:289px; top:287px; width:85px; height:20px; z-index:10"><a href="DVD-RROMS005.htm" target="_self"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer11" style="position:absolute; left:280px; top:1574px; width:243px; height:22px; z-index:12"><img src="images/page/topdeals.gif" width="244" height="23"></div>
<div id="Layer12" style="position:absolute; left:162px; top:2px; width:233px; height:26px; z-index:13"><img src="images/page/name.gif" width="231" height="34"></div>
<div id="Layer13" style="position:absolute; left:201px; top:33px; width:156px; height:37px; z-index:14">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="154" height="31">
<param name="movie" value="flash/websiteurl.swf">
<param name="quality" value="high">
<embed src="flash/websiteurl.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="154" height="31"></embed></object>
</div>
<div id="Layer14" style="position:absolute; left:653px; top:338px; width:78px; height:79px; z-index:15">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="75" height="74">
<param name="movie" value="flash/homepagesmall2.swf">
<param name="quality" value="high">
<embed src="flash/homepagesmall2.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="75" height="74"></embed></object>
</div>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="2" bgcolor="#D2D2CA" width="136"><img src="images/page/Untitled-1.jpg" width="136" height="85"></td>
<td bgcolor="#D2D2CA"><img src="images/page/clearpixel.gif" width="17" height="1"></td>
<td bgcolor="#D2D2CA" width="481" valign="bottom">  </td>
<td bgcolor="#D2D2CA" align="right" width="164"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="164" height="66">
<param name="movie" value="flash/FREEDELIV.swf">
<param name="quality" value="high">
<embed src="flash/FREEDELIV.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="164" height="66"></embed></object></td>
</tr>
<tr>
<td width="17"><img src="images/page/topleft.gif" width="17" height="26"></td>
<td class="dark" background="images/page/topbg.gif" height="26" align="right" valign="bottom" colspan="2"><div align="left"><a href="index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','images/buttons/homeov.gif',1)"><img src="images/buttons/home.gif" alt="Home" name="Image26" width="80" height="16" border="0"></a><a href="About.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','images/buttons/aboutov.gif',1)"><img src="images/buttons/about.gif" alt="About" name="Image27" width="80" height="16" border="0"></a><a href="Contact.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','images/buttons/contactov.gif',1)"><img src="images/buttons/contact.gif" alt="Contact" name="Image29" width="80" height="16" border="0"></a><a href="Help.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image30','','images/buttons/helpov.gif',1)"><img src="images/buttons/help.gif" alt="Help" name="Image30" width="80" height="16" border="0"></a><a href="Terms.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image31','','images/buttons/termov.gif',1)"><img src="images/buttons/terms.gif" alt="Terms" name="Image31" width="80" height="16" border="0"></a>
</div></td>
</tr>
<tr>
<td colspan="4" bgcolor="#AAAAAF"><img src="images/page/clearpixel.gif" width="1" height="1"></td>
</tr>
</table>
<table height="1704" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="136" height="1704" align="center" valign="top" bgcolor="#F7F7F4" class="dark">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="125" height="78" align="middle">
<param name="movie" value="flash/homepage.swf">
<param name="quality" value="high">
<embed src="flash/homepage.swf" width="125" height="78" align="middle" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"></embed></object>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p> </p>
<p><img src="images/page/leftline.gif" width="136" height="1"></p>
<p> </p>
<p><img src="images/page/avocado11.jpg" alt="Microsoft Authorised Education Reseller" width="110" height="110"></p>
<p><img src="images/page/avocado3.jpg" alt="Microsoft" width="110" height="110"></p>
<p><img src="images/page/avocado.jpg" alt="Federation of Small Businesses Member" width="110" height="110"></p>
<p><img src="images/page/avocado5.jpg" alt="ATI Graphics " width="110" height="110"></p>
<p><img src="images/page/avocado4.jpg" alt="Symantec Software Partner" width="110" height="110"></p>
<p><img src="images/page/avocado6.jpg" alt="Western Digital Harddrive" width="110" height="110"></p>
<p><img src="images/page/avocado8.jpg" alt="Corel" width="110" height="110"></p>
<p><img src="images/page/avocado7.jpg" alt="Better Payment Practice" width="110" height="110"></p>
<p><img src="images/page/avocado2.jpg" alt="Credit Cards" width="110" height="110" border="0"></p>
</td>
<td valign="top" background="images/page/leftbg.gif" width="1"> </td>
<td valign="top" width="486"><br>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1" height="1672"> </td>
<td valign="top" width="484">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><img src="images/page/welcome.gif" width="120" height="16"></td>
</tr>
<tr bgcolor="#AAAAAF">
<td colspan="3"><img src="images/page/clearpixel.gif" width="1" height="1"></td>
</tr>
<tr>
<td height="1770" background="images/page/leftbg.gif"> <img src="images/page/clearpixel.gif" width="23" height="8"></td>
<td width="438" valign="top">
<table width="100%" border="0" cellspacing="2" cellpadding="2" align="center">
<tr>
<td width="52%" height="1452">
<p> </p>
<div id="Layer15" style="position:absolute; width:147px; height:28px; z-index:20; left: 283px; top: 135px;"><img src="images/page/topdealshardware.gif" width="244" height="23"></div>
<p> </p>
<p> </p>
<div id="Layer3" style="position:absolute; left:394px; top:407px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product2.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:505px; top:407px; width:94px; height:109px; z-index:4">
<p><strong>SONY VAIO INTEL PENTIUM 4 2.6</strong></p>
</div>
<p> </p>
<div id="Layer8" style="position:absolute; left:394px; top:380px; width:218px; height:13px; z-index:9">
<hr>
</div>
<p> </p>
<p> </p>
<p> </p>
<p><b><br>
</b></p>
<div id="Layer4" style="position:absolute; left:504px; top:175px; width:101px; height:109px; z-index:4"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>CREATIVE LABS 128MB USB MP3 PLAYER & DATA STICK</strong> <br>
</font></div>
<div id="Layer3" style="position:absolute; left:390px; top:175px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product3.jpg" width="110" height="110"></div>
<div id="Layer7" style="position:absolute; left:391px; top:745px; width:208px; height:35px; z-index:7">
<p><span class="style1"><font size="3">£250.00</font></span></p>
</div>
<div id="Layer9" style="position:absolute; left:510px; top:287px; width:85px; height:20px; z-index:10"><a href="MEMORYSTICKS006.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:286px; top:743px; width:85px; height:20px; z-index:10"><a href="SPEAKERS001.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer8" style="position:absolute; left:156px; top:606px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer8" style="position:absolute; left:157px; top:849px; width:218px; height:13px; z-index:9">
<hr>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="Layer11" style="position:absolute; left:297px; top:874px; width:243px; height:22px; z-index:12"><img src="images/page/topdealssoftware.gif" width="244" height="23"></div>
<div id="Layer4" style="position:absolute; left:277px; top:913px; width:96px; height:109px; z-index:4; font-weight: bold;">SYMANTEC NORTON ANTIVIRUS 2004 oem </div>
<div id="Layer8" style="position:absolute; left:157px; top:854px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer8" style="position:absolute; left:375px; top:849px; width:218px; height:13px; z-index:9">
<hr>
</div>
<p> </p>
<div id="Layer2" style="position:absolute; left:163px; top:913px; width:108px; height:111px; z-index:8"><img src="images/homepage%20offers/product6.jpg" width="110" height="110"></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="Layer5" style="position:absolute; left:163px; top:1028px; width:205px; height:45px; z-index:5">
<p><span class="style1"><font size="3">£27.52</font></span><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
<p> </p>
<p></p>
<p><font color="#FF0000"></font></p>
<p> </p>
</div>
<div id="Layer5" style="position:absolute; left:168px; top:1247px; width:205px; height:50px; z-index:5">
<p><span class="style1"><font size="3">£141.58</font></span><span class="style4"><font size="3"></font></span></p>
</div>
<div id="Layer8" style="position:absolute; left:156px; top:1093px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer2" style="position:absolute; left:387px; top:914px; width:108px; height:111px; z-index:8"><img src="images/homepage%20offers/product9.jpg" width="110" height="110"></div>
<p> </p>
<div id="Layer9" style="position:absolute; left:279px; top:1028px; width:85px; height:20px; z-index:10"><a href="ANTIVIRUS002.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:284px; top:1247px; width:85px; height:20px; z-index:10"><a href="OFFICE003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer8" style="position:absolute; left:385px; top:1093px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer4" style="position:absolute; left:500px; top:913px; width:96px; height:109px; z-index:4; font-weight: bold;">SYMANTEC NORTON INTERNET SECURITY 2004 oem </div>
<p> </p>
<p> </p>
<div id="Layer5" style="position:absolute; left:389px; top:1029px; width:205px; height:46px; z-index:5">
<p class="style1"><font size="3">£34.81</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<div id="Layer9" style="position:absolute; left:503px; top:1030px; width:85px; height:20px; z-index:10"><a href="ANTIVIRUS003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:505px; top:1248px; width:85px; height:20px; z-index:10"><a href="WEBDESIGN005.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer8" style="position:absolute; left:156px; top:1549px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer8" style="position:absolute; left:375px; top:1543px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer8" style="position:absolute; left:156px; top:1543px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer8" style="position:absolute; left:375px; top:1549px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer8" style="position:absolute; left:156px; top:1322px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer2" style="position:absolute; left:171px; top:1356px; width:108px; height:111px; z-index:8"><img src="images/homepage%20offers/product11.jpg" width="110" height="110"></div> <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="Layer5" style="position:absolute; left:169px; top:1472px; width:205px; height:46px; z-index:5">
<p><span class="style1"><font size="3">£168.94</font></span><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<div id="Layer9" style="position:absolute; left:285px; top:1471px; width:85px; height:20px; z-index:10"><a href="WEBDESIGN004.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:496px; top:1133px; width:101px; height:109px; z-index:4"><strong>MACROMEDIA<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> DREAMWEAVER MX 2004 - EDUCATIONAL</font></strong></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p> <p> </p>
<p> </p> </td>
<td width="48%"> <div id="Layer9" style="position:absolute; left:284px; top:516px; width:85px; height:20px; z-index:10"><a href="GRAPHICSCARDS003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<p> </p>
<p> </p>
<p> </p>
<div id="Layer9" style="position:absolute; left:510px; top:518px; width:85px; height:20px; z-index:10"><a href="LAPTOPS005.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:512px; top:743px; width:85px; height:20px; z-index:10"><a href="SATA008.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<p> </p>
<div id="Layer3" style="position:absolute; left:392px; top:634px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product5.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:506px; top:636px; width:97px; height:109px; z-index:4">
<p><strong>WESTERN DIGITAL<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> 250GB SATA HDD </font></strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<div id="Layer8" style="position:absolute; left:375px; top:854px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer3" style="position:absolute; left:167px; top:630px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product4.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:279px; top:631px; width:103px; height:109px; z-index:4; font-weight: bold;">
<p>SONY SRS-P7 PC SPEAKERS </p>
<p> </p>
</div>
<p> </p>
<p> </p>
<div id="Layer7" style="position:absolute; left:167px; top:739px; width:208px; height:35px; z-index:7">
<p><span class="style1"><font size="3">£23.49</font></span></p>
<p> </p>
</div>
<div id="Layer8" style="position:absolute; left:397px; top:607px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer4" style="position:absolute; left:279px; top:1133px; width:101px; height:109px; z-index:4"><strong>MICROSOFT<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> OFFICE 2003 BASIC oem </font></strong></div>
<p> </p>
<div id="Layer8" style="position:absolute; left:390px; top:1322px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer3" style="position:absolute; left:165px; top:405px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product10.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:277px; top:409px; width:96px; height:109px; z-index:4">
<p><strong>PINE XFX NVIDIA FX5200 256MB <span class="style3">DVI/TV-OUT</span></strong></p>
</div>
<div id="Layer3" style="position:absolute; left:169px; top:1132px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product7.jpg" width="110" height="110"></div>
<div id="Layer7" style="position:absolute; left:165px; top:517px; width:208px; height:57px; z-index:7">
<p class="style1"><font size="3">£84.76</font></p>
</div>
<div id="Layer3" style="position:absolute; left:385px; top:1133px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product8.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:281px; top:1357px; width:101px; height:109px; z-index:4"><strong>MICROSOFT<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> FRONTPAGE 2003 </font></strong></div>
<div id="Layer5" style="position:absolute; left:388px; top:1248px; width:205px; height:25px; z-index:5">
<p class="style1"><font size="3">£109.41</font><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<p> </p>
<div id="Layer2" style="position:absolute; left:394px; top:1356px; width:108px; height:111px; z-index:8"><img src="images/homepage%20offers/product12.jpg" width="110" height="110"></div> <div id="Layer5" style="position:absolute; left:393px; top:1470px; width:205px; height:46px; z-index:5">
<p class="style1"><font size="3">£145.76</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<div id="Layer9" style="position:absolute; left:508px; top:1470px; width:85px; height:20px; z-index:10"><a href="DTP002.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:506px; top:1355px; width:101px; height:109px; z-index:4"><strong>MICROSOFT<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> PUBLISHER 2003 </font></strong></div>
<p><b> </b></p></td>
</tr>
<tr valign="top">
<td height="326" colspan="2" valign="top">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="51" height="87"><br> <img src="images/page/icon.jpg" width="40" height="40"></td>
<td width="356"><a href="#"><br>
</a><font color="#CC0000"><a href="KEYBOARDS003.htm">MICROSOFT
WIRELESS KEYBOARD & MOUSE </a></font><br>
Microsoft Wireless Keyboard & Mouse, with performance and style <strong><font color="#FF0000">£63.35</font></strong>
<div id="Layer9" style="position:absolute; left:398px; top:1646px; width:85px; height:20px; z-index:10"><a href="KEYBOARDS003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:401px; top:1727px; width:85px; height:20px; z-index:10"><a href="TFTFLATPANEL001.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
</td>
</tr>
<tr>
<td width="51" height="74"><img src="images/page/icon2.jpg" width="40" height="40"></td>
<td><a href="TFTFLATPANEL001.htm">VIEWSONIC 15" VE155S/B </a><br>
Play the latest PC games on this state of the art
TFT monitor <strong><font color="#FF0000">£253.68</font></strong>
<div id="Layer9" style="position:absolute; left:403px; top:1874px; width:85px; height:20px; z-index:10"><a href="MICE003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:400px; top:1795px; width:85px; height:20px; z-index:10"><a href="OFFICE001.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
</td>
</tr>
<tr>
<td width="51" height="65"><img src="images/page/icon3.jpg" width="40" height="40"></td>
<td><p><a href="OFFICE003.htm">ABILITY OFFICE 2002
oem</a><br>
Microsoft Office to expensive, why not try ABILITY
OFFICE 2002 <font color="#FF0000"><strong>£22.00</strong></font></p></td>
</tr>
<tr>
<td height="74"><img src="images/page/icon4.jpg" width="40" height="40"></td>
<td><a href="MICE003.htm">MICROSOFT NOTEBOOK OPTICAL </a><br>
Use this mouse to play with the latest PC game.
<font color="#000000"> </font><font color="#FF0000"><strong>
£34.12</strong></font> </td>
</tr>
</table></td>
</tr>
</table>
</td>
<td width"23" background="images/page/rightbg.gif"> <img src="images/page/clearpixel.gif" width="15" height="8"></td>
</tr>
<tr>
<td width="23" rowspan="2"><img src="images/page/innerbottomleft.gif" width="23" height="23"></td>
<td width="438">
<img src="images/page/clearpixel.gif" width="1" height="22"></td>
<td width="23" rowspan="2"><img src="images/page/br.gif" width="23" height="23"></td>
</tr>
<tr>
<td width="438" bgcolor="#AAAAAF" height="1"><img src="file:///C|/Documents%20and%20Settings/Administrator/My%20Documents/images/clearpixel.gif" width="1" height="1"></td>
</tr>
</table>

<br>
</td>
<td width="10"> </td>
</tr>
<tr>
<td width="1"> </td>
<td class="smaller" align="center" width="484">
<p class="smaller" ><a href="index.htm">home</a> | <a href="About.htm">about</a>
| <a href="Contact.htm">contact</a> | <a href="Terms.htm">terms</a></p>
</td>
<td width="10"> </td>
</tr>
</table>
</td>

<td class="smaller" dark" valign="top" width="136" align="center"> <div align="center"><br>
<br>
<a href="search.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','images/buttons/searchov.gif',1)"><img src="images/buttons/search.gif" alt="Search" name="Image32" width="80" height="16" border="0"></a>
<br>
<br>
<img src="images/page/leftline.gif" width="136" height="1"><br>
<br>
<img src="images/page/bananas.jpg" width="110" height="110"> <br>
<img src="images/page/leftline.gif" width="136" height="1"> <br>
<div id="Layer14" style="position:absolute; left:652px; top:173px; width:78px; height:79px; z-index:15">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="75" height="74">
<param name="movie" value="flash/homepagesmall1.swf">
<param name="quality" value="high">
<embed src="flash/homepagesmall1.swf" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="75" height="74"></embed></object>
</div>
<br>
<br>
<img src="images/page/kiwis.jpg" width="110" height="110"> <br>
<br>
  </div></td>

</tr>
</table>
</body>

<script language="JavaScript">

</script>

</html>

html ends

davemib · Dec 30, 2003

<p> </p>
<p> </p>
<p> </p>
<p> </p> <p> </p>
<p> </p> </td>
<td width="48%"> <div id="Layer9" style="position:absolute; left:284px; top:516px; width:85px; height:20px; z-index:10"><a href="GRAPHICSCARDS003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<p> </p>
<p> </p>
<p> </p>
<div id="Layer9" style="position:absolute; left:510px; top:518px; width:85px; height:20px; z-index:10"><a href="LAPTOPS005.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:512px; top:743px; width:85px; height:20px; z-index:10"><a href="SATA008.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<p> </p>
<div id="Layer3" style="position:absolute; left:392px; top:634px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product5.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:506px; top:636px; width:97px; height:109px; z-index:4">
<p><strong>WESTERN DIGITAL<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> 250GB SATA HDD </font></strong><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<div id="Layer8" style="position:absolute; left:375px; top:854px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer3" style="position:absolute; left:167px; top:630px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product4.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:279px; top:631px; width:103px; height:109px; z-index:4; font-weight: bold;">
<p>SONY SRS-P7 PC SPEAKERS </p>
<p> </p>
</div>
<p> </p>
<p> </p>
<div id="Layer7" style="position:absolute; left:167px; top:739px; width:208px; height:35px; z-index:7">
<p><span class="style1"><font size="3">£23.49</font></span></p>
<p> </p>
</div>
<div id="Layer8" style="position:absolute; left:397px; top:607px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer4" style="position:absolute; left:279px; top:1133px; width:101px; height:109px; z-index:4"><strong>MICROSOFT<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> OFFICE 2003 BASIC oem </font></strong></div>
<p> </p>
<div id="Layer8" style="position:absolute; left:390px; top:1322px; width:218px; height:13px; z-index:9">
<hr>
</div>
<div id="Layer3" style="position:absolute; left:165px; top:405px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product10.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:277px; top:409px; width:96px; height:109px; z-index:4">
<p><strong>PINE XFX NVIDIA FX5200 256MB <span class="style3">DVI/TV-OUT</span></strong></p>
</div>
<div id="Layer3" style="position:absolute; left:169px; top:1132px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product7.jpg" width="110" height="110"></div>
<div id="Layer7" style="position:absolute; left:165px; top:517px; width:208px; height:57px; z-index:7">
<p class="style1"><font size="3">£84.76</font></p>
</div>
<div id="Layer3" style="position:absolute; left:385px; top:1133px; width:65px; height:66px; z-index:3"><img src="images/homepage%20offers/product8.jpg" width="110" height="110"></div>
<div id="Layer4" style="position:absolute; left:281px; top:1357px; width:101px; height:109px; z-index:4"><strong>MICROSOFT<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> FRONTPAGE 2003 </font></strong></div>
<div id="Layer5" style="position:absolute; left:388px; top:1248px; width:205px; height:25px; z-index:5">
<p class="style1"><font size="3">£109.41</font><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<p> </p>
<div id="Layer2" style="position:absolute; left:394px; top:1356px; width:108px; height:111px; z-index:8"><img src="images/homepage%20offers/product12.jpg" width="110" height="110"></div> <div id="Layer5" style="position:absolute; left:393px; top:1470px; width:205px; height:46px; z-index:5">
<p class="style1"><font size="3">£145.76</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></p>
</div>
<div id="Layer9" style="position:absolute; left:508px; top:1470px; width:85px; height:20px; z-index:10"><a href="DTP002.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:506px; top:1355px; width:101px; height:109px; z-index:4"><strong>MICROSOFT<font size="2" face="Verdana, Arial, Helvetica, sans-serif"> PUBLISHER 2003 </font></strong></div>
<p><b> </b></p></td>
</tr>
<tr valign="top">
<td height="326" colspan="2" valign="top">
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="51" height="87"><br> <img src="images/page/icon.jpg" width="40" height="40"></td>
<td width="356"><a href="#"><br>
</a><font color="#CC0000"><a href="KEYBOARDS003.htm">MICROSOFT
WIRELESS KEYBOARD & MOUSE </a></font><br>
Microsoft Wireless Keyboard & Mouse, with performance and style <strong><font color="#FF0000">£63.35</font></strong>
<div id="Layer9" style="position:absolute; left:398px; top:1646px; width:85px; height:20px; z-index:10"><a href="KEYBOARDS003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:401px; top:1727px; width:85px; height:20px; z-index:10"><a href="TFTFLATPANEL001.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
</td>
</tr>
<tr>
<td width="51" height="74"><img src="images/page/icon2.jpg" width="40" height="40"></td>
<td><a href="TFTFLATPANEL001.htm">VIEWSONIC 15" VE155S/B </a><br>
Play the latest PC games on this state of the art
TFT monitor <strong><font color="#FF0000">£253.68</font></strong>
<div id="Layer9" style="position:absolute; left:403px; top:1874px; width:85px; height:20px; z-index:10"><a href="MICE003.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
<div id="Layer9" style="position:absolute; left:400px; top:1795px; width:85px; height:20px; z-index:10"><a href="OFFICE001.htm"><img src="images/buttons/moreinfo.gif" width="90" height="18" border="0"></a></div>
</td>
</tr>
<tr>
<td width="51" height="65"><img src="images/page/icon3.jpg" width="40" height="40"></td>
<td><p><a href="OFFICE003.htm">ABILITY OFFICE 2002
oem</a><br>
Microsoft Office to expensive, why not try ABILITY
OFFICE 2002 <font color="#FF0000"><strong>£22.00</strong></font></p></td>
</tr>
<tr>
<td height="74"><img src="images/page/icon4.jpg" width="40" height="40"></td>
<td><a href="MICE003.htm">MICROSOFT NOTEBOOK OPTICAL </a><br>
Use this mouse to play with the latest PC game.
<font color="#000000"> </font><font color="#FF0000"><strong>
£34.12</strong></font> </td>
</tr>
</table></td>
</tr>
</table>
</td>
<td width"23" background="images/page/rightbg.gif"> <img src="images/page/clearpixel.gif" width="15" height="8"></td>
</tr>
<tr>
<td width="23" rowspan="2"><img src="images/page/innerbottomleft.gif" width="23" height="23"></td>
<td width="438">
<img src="images/page/clearpixel.gif" width="1" height="22"></td>
<td width="23" rowspan="2"><img src="images/page/br.gif" width="23" height="23"></td>
</tr>
<tr>
<td width="438" bgcolor="#AAAAAF" height="1"><img src="file:///C|/Documents%20and%20Settings/Administrator/My%20Documents/images/clearpixel.gif" width="1" height="1"></td>
</tr>
</table>

<br>
</td>
<td width="10"> </td>
</tr>
<tr>
<td width="1"> </td>
<td class="smaller" align="center" width="484">
<p class="smaller" ><a href="index.htm">home</a> | <a href="About.htm">about</a>
| <a href="Contact.htm">contact</a> | <a href="Terms.htm">terms</a></p>
</td>
<td width="10"> </td>
</tr>
</table>
</td>

<td class="smaller" dark" valign="top" width="136" align="center"> <div align="center"><br>
<br>
<a href="search.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image32','','images/buttons/searchov.gif',1)"><img src="images/buttons/search.gif" alt="Search" name="Image32" width="80" height="16" border="0"></a>
<br>
<br>
<img src="images/page/leftline.gif" width="136" height="1"><br>
<br>
<img src="images/page/bananas.jpg" width="110" height="110"> <br>
<img src="images/page/leftline.gif" width="136" height="1"> <br>
<div id="Layer14" style="position:absolute; left:652px; top:173px; width:78px; height:79px; z-index:15">
<object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="

http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"

width="75" height="74">
<param name="movie" value="flash/homepagesmall1.swf">
<param name="quality" value="high">
<embed src="flash/homepagesmall1.swf" quality="high" pluginspage="

http://www.macromedia.com/go/getflashplayer"

type="application/x-shockwave-flash" width="75" height="74"></embed></object>
</div>
<br>
<br>
<img src="images/page/kiwis.jpg" width="110" height="110"> <br>
<br>
  </div></td>

</tr>
</table>
</body>

<script language="JavaScript">

</script>

</html>

html ends

Vragabond · Dec 30, 2003

Is it possible to post a link to your site? That would make for a much easier checking.

davemib · Dec 31, 2003

heres the link
http://www.fishcity.pwp.blueyonder.co.uk/test.htm
http://www.fishcity.pwp.blueyonder.co.uk/HARDDRIVES.htm
http://www.fishcity.pwp.blueyonder.co.uk/HARDDRIVES001.htm

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

need help withthis css

davemib

Programmer

Vragabond

Programmer

davemib

Programmer

BillyRayPreachersSon

Programmer

davemib

Programmer

davemib

Programmer

Vragabond

Programmer

davemib

Programmer

Similar threads

Part and Inventory Search

Sponsor