Solarpitch
Joined: 29 Oct 2006
Posts: 1
|
 Posted: Sat Jan 06, 2007 2:42 pm Post subject: Alinging tables and side border designs? |
 |
|
Hi Guys,
I just feel so fed up! What should be a simple part of web development is causing me so much hassle and its probably so easy for you lot Sad
Could someone please just help me with this and I can put it to rest. Basically what I am trying to achieve is have a web page that is centered in a browser. Now that part I can do fine . . ie align = "center". The problem comes when I try and add the 2 sides designs to the page. The table keeps resizing and messing up. I have an example as follows:
page Code
| Code: |
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
background-color: #666666;
}
-->
</style></head>
<body>
<table width="694" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="77" height="278" align="left" valign="middle" style="background-image: url('file:///C|/websdesigns/left_bar.jpg'); background-repeat: repeat-y"> </td>
<td width="544" valign="top" bgcolor="#FFFFFF"> </td>
<td width="73" align="right" valign="middle" style="background-image: url('file:///C|/webs/designs/right_bar.jpg'); background-repeat: repeat-y"> </td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html> |
As you can see the side images are fine there but when I start to nest tables within the main tables it puts it all arse ways and its driving me mad. Just want to get this out of the way so I can move on with development! :L
Can anyone show me the best techinque/ practice in achieving this, thanks |
|
