Text centerises in my tables. Stop this!

  desbest 01:59 05 Feb 05
Locked

When creating a web page with a 2x2 cell table.
I find that any text placed into a big cell is left aligned.
But it's placed at the center line all the time.

I've got some sample HTML code so you can preview this.
It's not my fault for broken images as that's not the problem.

The text "JUNGLE" is centerised instead of at the top line.

My next post will give you the html code.
Paste this into notepad and save as .html file.
Open the document and watch the error.
Could you help this please?

  desbest 02:00 05 Feb 05

<body topmargin="00" rightmargin="00" bottommargin="00"><html>
<!-- Generated by AceHTML Freeware click here -->
<!-- Creation date: 13/10/2004 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Unregistered user">
<meta name="generator" content="AceHTML 5 Freeware">
</head>
<body>
<table border="1" cellspacing="0" bgcolor="#FFFFFF" bordercolor="#008000" summary="">
<tr>
<td width="100%" height="9" colspan="2"><font face="stinger" topmargin="00" leftmargin="00" size="7"<font color="#083A08">jungle</font></td>

<td height="95">
<img src="corner-menu.gif" border="0"></td>





</td>
</tr>
<tr>
<td width="112" height="87"><td height="87" colspan="2">MAIN CONTENT
<br><br>


</td>
</tr>
</table>
<!--THIS IS THE LAYER -->
<!--it is AFTER the table ->
<div id="first_layer" style="position:absolute;

; left:839px; top:6px; height:20px; ; z-index:3">

<div class="title">


<img src="jungle-logo.bmp" border="0" alt="J">

</div>



</body>
</html>

  Forum Editor 08:36 05 Feb 05

that will do what you want. I've coded it for a 4 column 4 row table, with no border. Note the valign="top" tag - that's what puts the data in the top of your big cell.

Here's the code in full:-


<table width="100%" height="100%" cellpadding="3" cellspacing="2" border="0">
<tr><td align="left" valign="top">insert info 1</td><td align="left" valign="top">insert info 2</td><td align="left" valign="top">insert info 3</td><td align="left" valign="top">insert info 4</td></tr>
<tr><td align="left" valign="top">insert info 1</td><td align="left" valign="top">insert info 2</td><td align="left" valign="top">insert info 3</td><td align="left" valign="top">insert info 4</td></tr>
<tr><td align="left" valign="top">insert info 1</td><td align="left" valign="top">insert info 2</td><td align="left" valign="top">insert info 3</td><td align="left" valign="top">insert info 4</td></tr>
<tr><td align="left" valign="top">insert info 1</td><td align="left" valign="top">insert info 2</td><td align="left" valign="top">insert info 3</td><td align="left" valign="top">insert info 4</td></tr>
</table>

  Forum Editor 08:39 05 Feb 05

I see that fourm member already gave you the valign="top" tag while I was making coffee.

This thread is now locked and can not be replied to.

Amazon Fire HD 8 review: A brilliant combination of function and value – with one massive caveat

1995-2015: How technology has changed the world in 20 years

How to create an introvert-friendly workplace

Apple Watch 2 review | Apple Watch Series 2 review: New Apple Watch is faster, brighter, water-resit…