Super Simple HTML question

hellblazer

hellblazer

New member
Sep 20, 2008
3,020
86
0
Haven't designed shit in a long time, trying to do a basic template. First comes a header with a graphic I designed, then comes two columns. The first contains the menu, second contains the content.

I've tried tons of variations in the <td> tag, but its just not working for some reason. I get the main header, but instead of placing the two columns squarely under the header, it puts one column under the entire header and starts to stretch the table with the second one. Any thoughts?

<html>
<head>
<title>
Test - New Design
</title>
</head>

<body>
<center>

<table style="width:1000px; height:2000px" border=2>
<tr>
<td style="width:1000px; height:200px" border=2>
<img src=header.jpg>
</td>
</tr>
<tr>
<td style="width:200px; height:1800px" border=1>
hello
</td>
<td style="width:800px; height:1800px" border=1>
hello
</td>
</tr>
</table>

</center>

</body>

</html>
 


Looks fine to me in IE8, FF3+, and Chrome...

I get the header row and two equal sized columns directly underneath the header w/ the html you posted.

Maybe a url or screen shot might help?
 
You just need a colspan="2"

<td colspan="2" style="width:1000px; height:200px" border=2>
<img src=header.jpg>
</td>


Get into CSS and say goodbye to tables.
 
They shouldn't be equal-sized columns, at least not width-wise. Let me get a screenshot.
 
I'd recommend using a doctype, helps ensure 'sameness' accross the board, especially when you start adding javascript frameworks such as JQuery.

My personal choice is xHTML Strict.

example of top:
Code: 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
...
 
You must log in or register to reply here.
Top Bottom