PDA

View Full Version : Nested tables.


K.Simmonds
07-29-2008, 02:54 PM
I'm trying to do a simple nest of tables here .... but I'm doing something wrong. I have chosen a background colour for the web page (E2D9C4). Then I've put a table 1 row 1 column as the container, filled with white. Then in the white box, I've put another grey box for the banner (57554F) So far - so good. Looks OK. But when I check it in a browser ..... the grey box or table doesn't show up .... just the white box. What am I doing wrong?

davidj
07-29-2008, 06:52 PM
post the code

remember to wrap it in code tags so i dont have to

K.Simmonds
07-30-2008, 09:40 AM
Hi. I'm afraid I don't understand. I use the "design" side of Dreamweaver not the code. Will I be able to do it from there ?

davidj
07-30-2008, 03:08 PM
go into the code view in dreamweaver

select the code

copy

then paste in this thread

edbr
07-31-2008, 01:33 AM
dont be afraid of 'the dark side":) much easier to see problems and do stuff like this with the code

K.Simmonds
07-31-2008, 06:28 PM
Hi. I know its easier to alter stuff with code rather than in design ..... if you know what you're doing (and unfortunately - I don't). This is the code for my page. The left hand column has a background colour of #E2D9C4, but it's not there when I check in a browser.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style4 { font-family: Georgia, "Times New Roman", Times, serif;
color: #666666;
}
body {
background-color: #e2d9c4;
}
.style5 {font-family: Georgia, "Times New Roman", Times, serif; color: #666666; font-size: 12px; }
.style7 {font-size: 12px}
-->
</style>
</head>

<body>
<table width="780" height="1168" border="0" align="center">
<tr>
<td height="1164" align="center" valign="top" bgcolor="#FFFFFF"><p><br />
<img src="../Images/Banner2.jpg" width="745" height="348" /></p>
<table width="745" height="269" border="0">
<tr>
<th width="380" height="265" align="left" valign="top" bgcolor="F1EDe2" scope="col"><p class="style5">East Garth is a detached stone built property on two floors, which comfortably sleeps 8.</p>
<p class="style5"><span class="style7">Ground Floor</span>: Entrance vestibule hall, sitting room with open fire, dining room, well equiped kitchen with breakfast bar, bathroom with shower, and one double bedroom.</p>
<p class="style5"><img src="../Images/sittingroom1.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/sittingroom2.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/diningroom1.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/diningroom3.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/downstairsbedroom1.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/downstairsbathroom1.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/kitchen1.jpg" width="380" height="285" /></p>
<p class="style5"><img src="../Images/window1.jpg" width="380" height="285" /></p>
<p class="style4">&nbsp;</p>
<p class="style4">&nbsp;</p></th>
<th width="355" scope="col">&nbsp;</th>
</tr>
</table>
<p><br />
</p></td>
</tr>
</table>
</body>
</html>

Cary
07-31-2008, 11:48 PM
Make sure your color hex numbers start with "#".

<th width="380" height="265" align="left" valign="top" bgcolor="#F1EDe2" scope="col">

K.Simmonds
08-01-2008, 09:24 AM
Thankyou, thankyou, thankyou. It worked !!!!
I've learned soooo many things from using these forums (little things that I wouldn't learn from a book). Thats ONE problem that won't happen again.

Thanks again

d a v e
08-01-2008, 10:42 AM
though of course you shouldn't be using nested tables anyway not even for data tables unless absolutely dictated by the sort of data you have. use divs and cascading stylesheets (CSS) instead.

oh and don't forget that the validator is your friend
http://validator.w3.org/

and for css too http://jigsaw.w3.org/css-validator/

and as a starting point for html and css http://www.w3schools.com/