PDA

View Full Version : Evenly Spacing Font in Wide Table Cells

softballmonkey
02-21-2005, 08:49 PM
Ok, my website consists of tables and an IFrame, and my links targeting to that are above them. Problem is, my header is very wide, causing all my table cells to be 700 pixels wide too. I was wondering if there is any way to evenly space my links in that table cell.

Take A Look (http://freewebs.com/splashberry/)

Please don't laugh at how ugly and simplistic my layout is, i'm too impatient to make my own layout! Its not close to being done either - all my fonts are TESTPAGE TESTPAGE!!!! Anyway, all help is appreciated. :) :)
Chris
02-21-2005, 09:13 PM
Not trying to sound mean at all, but your code is a mess. I cleaned it up for you, and fixed the tables etc.

Hope you like it.


<html>
<head>
<title>sPlAsHbErRy</title>
<style type="text/css">

A:link
{ text-decoration: none; color:#FFCC00; }
A:visited
{ text-decoration: none; color:#FFCC00; }
A:active
{ text-decoration: none; color:#FFCC00; }
A:hover
{ text-decoration: line-through; color:#33ccff;}

body
{background: #FFFFFF;
font-family: verdana;
color: #33ccff ;
letter-spacing: 3pt;
font-size: xx-small; }

</style>
</head>

<body background="http://www.boomspeed.com/sfhelpers/backgrounds/268.gif">
<div align="center">
<table cellpadding="2" cellspacing="2" style="border-collapse: collapse" border="2" bordercolor="#FFcc00">
<tr>
<td colspan="5"><center><img src="orange.gif"></center></td>
</tr>
<tr>
<td width="140px"><center><a href="me.htm" target="iframe">The Gurl</a></center></td>
<td width="140px"><center><a href="you.htm" target="iframe">The Intruder</a></center></td>
<td width="140px"><center><a href="site.htm" target="iframe">The Site</a></center></td>
<td width="160px"><center><a href="tutorials.htm" target="iframe">The Tutorials</a></center></td>
<td width="120px"><center><a href="iframe.htm" target="iframe">Clear</a></center></td>
</tr>
<tr>
<td colspan="5">
<div align="center">
<IFRAME style="border: 0px;" name="iframe" src="iframe.htm" width=700 height=800 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto

style="FILTER: chroma(color=#ff0000)" allowtransparency="true">
</div>
</td>
</tr>
</table>
</div>
</body>
</html>

Make sure that you delete any spaces created by the forums.

Thanks,
Chris :D
softballmonkey
02-22-2005, 12:06 AM
Thx. I've been having trouble organizing... I'm kind of a newbie :)

-Megs
Chris
02-22-2005, 07:20 PM
:D You're welcome

Chris