Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Tables In Tables Problem
Posted by: fable Apr 15 2009, 06:34 AM
Hi I'm currently studying webdesign [total novice] and I've been given the task to make a single web page.
I've designed it and got so far but now it's come to put tables inside tables and the problem is I was spacing between the outside and inside table.
I'm not allowed to use CSS or anything like that just simple HTML.
Here is the coding I have done so far:
CODE
<html>
<!--Page Name -->
<head>
<title>Laurell K Hamilton</title>
</head>
<!--Body Setup-->
<body><body bgcolor="BLACK">
<center>
<!--table setup-->
<table border="solid" border="3" bordercolor="#ffffff" width="800" background="http://i277.photobucket.com/albums/kk76/missfable/Nightsky.jpg">
<!-- logo cell-->
<tr>
<td colspan="2">
<img src="http://i277.photobucket.com/albums/kk76/missfable/logo.png">
</td>
<!--name cell-->
<td colspan="3" width ="439"> cell 2</td>
<!--- Nav Bar -->
<tr>
<td width ="160"><font color=white size="3" face="veranda">Home</font></td>
<td width ="160"><font color=white size="3" face="veranda">Biography</font></td>
<td width ="160"><font color=white size="3" face="veranda">Books</font></td>
<td width ="160"><font color=white size="3" face="veranda">News Archives</font></td>
<td width ="160"><font color=white size="3" face="veranda">Tour Info</font></td>
</font>
<!--Main body -->
<tr>
<td rowspan="5" colspan="5" height= "500" >
cell 2
</td>
</tr>
</table>
</center>
</body>
</html>
<!--Page Name -->
<head>
<title>Laurell K Hamilton</title>
</head>
<!--Body Setup-->
<body><body bgcolor="BLACK">
<center>
<!--table setup-->
<table border="solid" border="3" bordercolor="#ffffff" width="800" background="http://i277.photobucket.com/albums/kk76/missfable/Nightsky.jpg">
<!-- logo cell-->
<tr>
<td colspan="2">
<img src="http://i277.photobucket.com/albums/kk76/missfable/logo.png">
</td>
<!--name cell-->
<td colspan="3" width ="439"> cell 2</td>
<!--- Nav Bar -->
<tr>
<td width ="160"><font color=white size="3" face="veranda">Home</font></td>
<td width ="160"><font color=white size="3" face="veranda">Biography</font></td>
<td width ="160"><font color=white size="3" face="veranda">Books</font></td>
<td width ="160"><font color=white size="3" face="veranda">News Archives</font></td>
<td width ="160"><font color=white size="3" face="veranda">Tour Info</font></td>
</font>
<!--Main body -->
<tr>
<td rowspan="5" colspan="5" height= "500" >
cell 2
</td>
</tr>
</table>
</center>
</body>
</html>
And here is the mockup of the webpage I'm a trying to create.
Any help would be amazing!
Thank you =]
Posted by: pandy Apr 15 2009, 08:47 AM
QUOTE
I've designed it and got so far but now it's come to put tables inside tables and the problem is I was spacing between the outside and inside table.
OK, but the HTML you posted only has one table.
Posted by: fable Apr 15 2009, 11:41 AM
QUOTE(pandy @ Apr 15 2009, 02:47 PM) 
QUOTE
I've designed it and got so far but now it's come to put tables inside tables and the problem is I was spacing between the outside and inside table.
OK, but the HTML you posted only has one table.
Yes sorry I'm trying to put extra tables inside the one I've made so far - as in the layout in the picture.
Posted by: Darin McGrew Apr 15 2009, 12:29 PM
Please see the FAQ entry http://htmlhelp.com/faq/html/tables.html#nest-table
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)