Table Development

**sderenzi** · 03-28-2004, 12:49 PM

Short and simple. Below you will see the source for my .htm file. I need to center anything within the first <td> but without changing the left-justification. Can you help and let me know what to do. I could just end the table and begin another with the 2 columns, but is there a way to do the above?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head><title>Anime</title>
</head>

<body>

<table class="lists" border="1" cellpadding="6" cellspacing="0" summary="Anime">
<tr><td colspan=2 valign="top">

<h1>Anime</h1>

<h4><a href="http://www.anipike.com" target="_blank">#1 Anime Web Turnpike</a></h4><br>

<h2>Links</h2>
<ul class="two">
<li><a href="http://www.animenewsnetwork.com" target="_blank">Anime News Network</a></li>
<li><a href="http://www.anime100.com" target="_blank">Anime Top 100</a></li>
<li><a href="http://www.bandai-ent.com" target="_blank">Bandai Entertainment</a></li>
<li><a href="http://www.silvershining.net/descend" target="_blank">Descend From Grace</a></li>
<li><a href="http://www.niko-niko.net" target="_blank">Niko-Niko</a></li>
<li><a href="http://www.dragonball.com" target="_blank">Official Dragon Ball WebSite</a></li>
<li><a href="http://www.cartoonnetwork.com/toonami" target="_blank">Toonami</a></li>
</ul>
<tr><td valign="top">

<h2>Series</h2>
<ul class="one">
<li>801 T.T.S. Airbats</li>
<li>Aeon Flux</li>
<li>Armitage III</li>
<li>Angel Cop</li>
<li>Captain Harlock</li>
<li>Cowboy Bebop</li>
<li>Devil Man</li>
<li>El-Hazard</li>
<li>Escaflowne</li>
<li>Gasaraki</li>
<li>Iria: Zeiram The Animation</li>
<li>Kotetsu</li>
<li>Macross Plus</li>
<li>Ninja Resurrection</li>
<li>Orge Slayer</li>
<li>Plastic Little</li>
<li>Rurouni Kenshin</li>
<li>Sailor Moon</li>
<li>Street Fighter II V</li>
<li>Super Atragon</li>
<li>The Heroic Legend of Arslan</li>
<li>Trigun</li>
</ul>

</td>

<td valign="top">

<h2>Movies</h2>
<ul class="one">
<li>Akira</li>
<li>Angel of Darkness 1</li>
<li>Angel of Darkness 2</li>
<li>Appleseed</li>
<li>A Wind Named Amnesia</li>
<li>Art Of Fighting</li>
<li>Battle Angel</li>
<li>Battle Arena Toshinden</li>
<li>Battle Royal High School</li>
<li>Bio Hunter</li>
<li>Black Magic M-66</li>
<li>Bounty Dog</li>
<li>Cowboy Bebop</li>
<li>Dangaiho</li>
<li>Demon City Shinjuku</li>
<li>Dragon Slayer</li>
<li>Escaflowne</li>
<li>Final Fantasy: The Spirits Within</li>
<li>Fire Emblem</li>
<li>Galaxy Express 999</li>
<li>Ghost in the Shell</li>
<li>Macross II: Super Dimensional Fortress</li>
<li>Metropolis</li>
<li>Ninja Scroll</li>
<li>Patlabor 1</li>
<li>Patlabor 2</li>
<li>Perfect Blue</li>
<li>Princess Mononoke</li>
<li>Sailor Moon</li>
<li>Spirited Away</li>
<li>Street Fighter II The Animated Film</li>
<li>Street Fighter II Alpha The Movie</li>
<li>Sword for Truth</li>
<li>Tekken</li>
<li>The Professional</li>
<li>The Wings of Honneamise</li>
<li>Twilight of the Dark Master</li>
<li>Vampire Hunter D</li>
<li>Wicked City</li>
<li>Wrath of the Ninja</li>
<li>X</li>
</ul>

</td></tr>
</table>

</body>
</html>

**iDevDirect.com** · 03-29-2004, 03:55 PM

You want the bullet items centered but all justified left? I think you will need to create a new (centered) table in that cell and set the width at something like 60%. I don't see how you can center something with a left justification very easily but I'm a PHP guy, not an HTML guy.

**dbzguy** · 03-29-2004, 11:32 PM

maybe im blind but it looks like the first td and tr arnt closed.

(I'll exchange links with you My Site)

**andrews_john** · 03-31-2004, 05:58 AM

What do you mean by "center within <td> without changin jeft-justification"?? Do you want to center the content of your <td>???

**Wenslock** · 03-31-2004, 06:19 AM

It won't be centred, but you could just cheat and use a couple of <UL>'s (remember to close them too!)

**steveharro** · 04-01-2004, 09:06 AM

I'm not sure if this is what your after but everything is centered and your still able to type on the left.

Regards Steveharro Best Download Sites

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
<title>Anime</title>
</head>
<body>
<table class="lists" border="1" cellpadding="6" cellspacing="0" summary="Anime">
<tr align="center">
<td colspan=2 valign="top">
<h1>Anime</h1>
<h4><a href="http://www.anipike.com" target="_blank">#1 Anime Web Turnpike</a></h4>
<div align="left">Is this what you meant<br>
</div>
<h2>Links</h2>
<ul class="two">
<li><a href="http://www.animenewsnetwork.com" target="_blank">Anime News
Network</a></li>
<li><a href="http://www.anime100.com" target="_blank">Anime Top 100</a></li>
<li><a href="http://www.bandai-ent.com" target="_blank">Bandai Entertainment</a></li>
<li><a href="http://www.silvershining.net/descend" target="_blank">Descend
From Grace</a></li>
<li><a href="http://www.niko-niko.net" target="_blank">Niko-Niko</a></li>
<li><a href="http://www.dragonball.com" target="_blank">Official Dragon
Ball WebSite</a></li>
<li><a href="http://www.cartoonnetwork.com/toonami" target="_blank">Toonami</a></li>
</ul>
<tr>
<td valign="top">
<h2>Series</h2>
<ul class="one">
<li>801 T.T.S. Airbats</li>
<li>Aeon Flux</li>
<li>Armitage III</li>
<li>Angel Cop</li>
<li>Captain Harlock</li>
<li>Cowboy Bebop</li>
<li>Devil Man</li>
<li>El-Hazard</li>
<li>Escaflowne</li>
<li>Gasaraki</li>
<li>Iria: Zeiram The Animation</li>
<li>Kotetsu</li>
<li>Macross Plus</li>
<li>Ninja Resurrection</li>
<li>Orge Slayer</li>
<li>Plastic Little</li>
<li>Rurouni Kenshin</li>
<li>Sailor Moon</li>
<li>Street Fighter II V</li>
<li>Super Atragon</li>
<li>The Heroic Legend of Arslan</li>
<li>Trigun</li>
</ul>
</td>
<td valign="top">
<h2>Movies</h2>
<ul class="one">
<li>Akira</li>
<li>Angel of Darkness 1</li>
<li>Angel of Darkness 2</li>
<li>Appleseed</li>
<li>A Wind Named Amnesia</li>
<li>Art Of Fighting</li>
<li>Battle Angel</li>
<li>Battle Arena Toshinden</li>
<li>Battle Royal High School</li>
<li>Bio Hunter</li>
<li>Black Magic M-66</li>
<li>Bounty Dog</li>
<li>Cowboy Bebop</li>
<li>Dangaiho</li>
<li>Demon City Shinjuku</li>
<li>Dragon Slayer</li>
<li>Escaflowne</li>
<li>Final Fantasy: The Spirits Within</li>
<li>Fire Emblem</li>
<li>Galaxy Express 999</li>
<li>Ghost in the Shell</li>
<li>Macross II: Super Dimensional Fortress</li>
<li>Metropolis</li>
<li>Ninja Scroll</li>
<li>Patlabor 1</li>
<li>Patlabor 2</li>
<li>Perfect Blue</li>
<li>Princess Mononoke</li>
<li>Sailor Moon</li>
<li>Spirited Away</li>
<li>Street Fighter II The Animated Film</li>
<li>Street Fighter II Alpha The Movie</li>
<li>Sword for Truth</li>
<li>Tekken</li>
<li>The Professional</li>
<li>The Wings of Honneamise</li>
<li>Twilight of the Dark Master</li>
<li>Vampire Hunter D</li>
<li>Wicked City</li>
<li>Wrath of the Ninja</li>
<li>X</li>
</ul>
</td>
</tr>
</table>
</body>
</html>

**dbzguy** · 04-01-2004, 08:57 PM

look into style sheets they have much more control and they are really easy to learn (I learned the basics in one night

!)

**amac33** · 04-06-2004, 05:52 PM

Is this what you meant.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head><title>Anime</title>
</head>

<body>

<table width="75%" border="0" cellpadding="6" cellspacing="0" class="lists" summary="Anime">
<tr align="center">
<td colspan=4 valign="top" halign="center"> <h1>Anime</h1>
<h4><a href="http://www.anipike.com" target="_blank">#1 Anime Web Turnpike</a></h4>
<h2>Links</h2>
<tr align="center">
<td width="30%" valign="top" halign="center">
<td colspan=2 valign="top" halign="center"> <ul class="two">
<li>
<div align="left"><a href="http://www.animenewsnetwork.com" target="_blank">Anime
News Network</a></div>
</li>
<li>
<div align="left"><a href="http://www.anime100.com" target="_blank">Anime
Top 100</a></div>
</li>
<li>
<div align="left"><a href="http://www.bandai-ent.com" target="_blank">Bandai
Entertainment</a></div>
</li>
<li>
<div align="left"><a href="http://www.silvershining.net/descend" target="_blank">Descend
From Grace</a></div>
</li>
<li>
<div align="left"><a href="http://www.niko-niko.net" target="_blank">Niko-Niko</a></div>
</li>
<li>
<div align="left"><a href="http://www.dragonball.com" target="_blank">Official
Dragon Ball WebSite</a></div>
</li>
<li>
<div align="left"><a href="http://www.cartoonnetwork.com/toonami" target="_blank">Toonami</a></div>
</li>
</ul>
<td width="20%" valign="top" halign="center"> 
<tr>
<td colspan="2" valign="top"> <h2 align="center">Series</h2>
<ul class="one">
<li>801 T.T.S. Airbats</li>
<li>Aeon Flux</li>
<li>Armitage III</li>
<li>Angel Cop</li>
<li>Captain Harlock</li>
<li>Cowboy Bebop</li>
<li>Devil Man</li>
<li>El-Hazard</li>
<li>Escaflowne</li>
<li>Gasaraki</li>
<li>Iria: Zeiram The Animation</li>
<li>Kotetsu</li>
<li>Macross Plus</li>
<li>Ninja Resurrection</li>
<li>Orge Slayer</li>
<li>Plastic Little</li>
<li>Rurouni Kenshin</li>
<li>Sailor Moon</li>
<li>Street Fighter II V</li>
<li>Super Atragon</li>
<li>The Heroic Legend of Arslan</li>
<li>Trigun</li>
</ul></td>
<td colspan="2" valign="top"> <h2 align="center">Movies</h2>
<ul class="one">
<li>Akira</li>
<li>Angel of Darkness 1</li>
<li>Angel of Darkness 2</li>
<li>Appleseed</li>
<li>A Wind Named Amnesia</li>
<li>Art Of Fighting</li>
<li>Battle Angel</li>
<li>Battle Arena Toshinden</li>
<li>Battle Royal High School</li>
<li>Bio Hunter</li>
<li>Black Magic M-66</li>
<li>Bounty Dog</li>
<li>Cowboy Bebop</li>
<li>Dangaiho</li>
<li>Demon City Shinjuku</li>
<li>Dragon Slayer</li>
<li>Escaflowne</li>
<li>Final Fantasy: The Spirits Within</li>
<li>Fire Emblem</li>
<li>Galaxy Express 999</li>
<li>Ghost in the Shell</li>
<li>Macross II: Super Dimensional Fortress</li>
<li>Metropolis</li>
<li>Ninja Scroll</li>
<li>Patlabor 1</li>
<li>Patlabor 2</li>
<li>Perfect Blue</li>
<li>Princess Mononoke</li>
<li>Sailor Moon</li>
<li>Spirited Away</li>
<li>Street Fighter II The Animated Film</li>
<li>Street Fighter II Alpha The Movie</li>
<li>Sword for Truth</li>
<li>Tekken</li>
<li>The Professional</li>
<li>The Wings of Honneamise</li>
<li>Twilight of the Dark Master</li>
<li>Vampire Hunter D</li>
<li>Wicked City</li>
<li>Wrath of the Ninja</li>
<li>X</li>
</ul></td>
</tr>
</table>

</body>
</html>

**ppedersen** · 04-07-2004, 10:03 AM

If I am reading you right, you want it to look like this:

if so, you need to add "ALIGN="center" to your TD tag like this:

HTML Code:

<td colspan=2 valign="top" ALIGN="center">

Then add a new table around your bulleted items, like so:

HTML Code:

<TABLE><TR><TD>
<ul class="two" >
<li><a href="http://www.animenewsnetwork.com" target="_blank">Anime News Network</a></li>
<li><a href="http://www.anime100.com" target="_blank">Anime Top 100</a></li>
<li><a href="http://www.bandai-ent.com" target="_blank">Bandai Entertainment</a></li>
<li><a href="http://www.silvershining.net/descend" target="_blank">Descend From Grace</a></li>
<li><a href="http://www.niko-niko.net" target="_blank">Niko-Niko</a></li>
<li><a href="http://www.dragonball.com" target="_blank">Official Dragon Ball WebSite</a></li>
<li><a href="http://www.cartoonnetwork.com/toonami" target="_blank">Toonami</a></li>
</ul>
</TD></TR></TABLE>

**LadynRed** · 07-15-2006, 05:19 PM

Dump the tables, use your HTML and CSS to make your lists. You've already got some of the structure and CSS there, the tables are not necessary once you get the CSS right.