Forum Moderators: not2easy
Got this site up so you can see the problem :)
<snip>
As you can see, the div tags are not on the right place.
BODY {
color: White;
font-family: "Myriad Pro", monospace;
text-align: center;
}Table {
background: center;
height: 800px;
width: 650px;
}
A {
color: #DFDFDF;
text-decoration: none;
text-align: center;
}
A:HOVER {
color: Red;
text-decoration: none;
}
DIV {
margin: auto;
width: 459px;
text-align: center;
}
That is the CSS.
[edited by: Ghezzo at 1:59 pm (utc) on Feb. 23, 2009]
[edited by: eelixduppy at 8:48 pm (utc) on Feb. 23, 2009]
[edit reason] no URLs, please [/edit]
Dave
<head>
<html>
<title>xSpeedHost</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="index.css" />
<style type="text/css">
<!--
#apDiv10 {
position:absolute;
left:380px;
top:5px;
width:458px;
height:141px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:845px;
top:5px;
width:171px;
height:611px;
z-index:2;
}
#apDiv1 {
position:absolute;
left:390px;
top:202px;
width:108px;
height:117px;
z-index:3;
}
-->
</style>
<head>
<title>xSpeedHost</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="index.css" />
</head>
<body background="bilder/bg.gif"
<center>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (min.psd) -->
<div id="apDiv10">sadsa</div>
<div id="apDiv2">asddsadas</div>
<div id="apDiv1">Free</div>
<table id="Tabell_01" width="651" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="bilder/index_01.gif" width="470" height="149" alt=""></td>
<td rowspan="10">
<img src="bilder/index_02.gif" width="180" height="614" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="149" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="bilder/index_03.gif" width="470" height="3" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="bilder/index_04.gif" width="470" height="35" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="35" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="bilder/index_05.gif" width="463" height="16" alt=""></td>
<td rowspan="8">
<img src="bilder/index_06.gif" width="7" height="442" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="bilder/index_07.gif" width="16" height="426" alt=""></td>
<td>
<img src="bilder/index_08.gif" width="108" height="115" alt=""></td>
<td rowspan="7">
<img src="bilder/index_09.gif" width="339" height="426" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="115" alt=""></td>
</tr>
<tr>
<td>
<img src="bilder/index_10.gif" width="108" height="11" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<img src="bilder/index_11.gif" width="108" height="115" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="115" alt=""></td>
</tr>
<tr>
<td>
<img src="bilder/index_12.gif" width="108" height="11" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<img src="bilder/index_13.gif" width="108" height="115" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="115" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="bilder/index_14.gif" width="108" height="59" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td>
<img src="bilder/index_15.gif" width="180" height="15" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="bilder/index_16.gif" width="650" height="142" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="142" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="bilder/index_17.gif" width="650" height="29" alt=""></td>
<td>
<img src="bilder/spacer.gif" width="1" height="29" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
