PDA

View Full Version : how do i convert this to div ??

Jessie_James
06-20-2005, 12:01 PM
Basically im trying to learn to use Div tags but cant seem to get my head around it (to used to td's and tr's i think.) This is only 2 images from my site but i need to learn positioning using Divs. I think anyway. Any help would be great thanks.

</head>

<body bgcolor="#666666">
<table width="779" height="601" border="0" align="center" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="105" colspan="15" valign="top"><img src="images/C_Header.gif" width="779" height="105" alt=""/></td>
</tr>
<tr>
<td colspan="2" rowspan="10" valign="top"><img src="images/C_Left.gif" width="29" height="422" alt=""/></td>
</tr>
</table>
</body>
pb&j
06-20-2005, 04:46 PM
<html>
<head>
<title> your title here </title>
</head>
<body>

<div style="width:779px; height:105; position:absolute; left:0px; top:0px;">
<img src="images/C_Header.gif" width="779" height="105" alt="" />
</div>

<div style="width:29px; height:422px; position:absolute; left:0px; top:0px;">
<img src="images/C_Left.gif" width="29" height="422" alt="" />
</div>

</body>
</html>

now adjust the 4 of the 0px values to make the divs move into the right spot appearing on your webpage from the left/top corner of the window.