Text centerises in my tables. Stop this!

  desbest 01:59 05 Feb 2005
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 2005

<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 2005

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 2005

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.

Elsewhere on IDG sites

Xiaomi Mi Mix 2 review

Halloween Photoshop & Illustrator tutorials: 20 step-by-step guides to creating spook-tacular…

iPhone X news: Release date, price, new features & specs

Comment créer, modifier et réinitialiser un compte Apple ?