PDA

View Full Version : lineing up the links

SurfSoCal
06-17-2004, 01:26 AM
im baAaAaAaAaAacccccckkk! lol n e ways here is my site www.geocities.com/islandinthesun144 aright now see on my left frame how the link are all spread out and not lined up? well...how do i make the them line up? thanks! here is the code!

<html>
<head>
<title>left</title>

<meta name="generator" content="Created Using Yahoo! PageBuilder 2.61.84">
</head>
<body background="http://www.geocities.com/islandinthesun144/bluelayoutbg.gif" bgcolor="#FFFFFF" link="#0000FF" vlink="#FF0000" text="#000000"
>

<table border=0 cellspacing=0 cellpadding=0 width=576>
<tr valign="top" align="left">
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=7></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=2></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=38></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=7></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=27></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=2></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=5></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=7></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=3></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=31></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=2></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=1></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=18></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=276></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=150></td>
<td><img src="http://www.geocities.com/clipart/pbi/c.gif" height=1 width=1></td>
</tr>
<tr valign="top">
<td colspan=16 height=5></td>
</tr>
<tr valign="top">
<td colspan=10 rowspan=1 width=129 align="center" valign="middle"><img height=82 width=129 src="http://www.geocities.com/islandinthesun144/layoutsite.gif" border=0 ></td>
<td colspan=6 height=82></td>
</tr>
<tr valign="top">
<td colspan=16 height=5></td>
</tr>
<tr valign="top">
<td colspan=1 height=22></td>
<td colspan=2 rowspan=1 width=40><a href="middle.html" target="middle">
<span style="font-size:14">Home</span></a></td>
<td colspan=13 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=9></td>
</tr>
<tr valign="top">
<td colspan=8 rowspan=1 width=95><a href="http://www.geocities.com/islandinthesun144/tagboard.html" target="middle"><span style="font-size:14">Tag Board</span></a></td>
<td colspan=8 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=13></td>
</tr>
<tr valign="top">
<td colspan=5 rowspan=1 width=81><a href="http://www.geocities.com/islandinthesun144/history.html" target="middle"><span style="font-size:14">History</span></a></td>
<td colspan=11 height=22></td>
</tr>
<tr valign="top">
<td colspan=8 rowspan=1 width=95><a href="http://www.geocities.com/islandinthesun144/link.html" target="middle"><span style="font-size:14">Link Me</span></a></td>
<td colspan=8 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=13></td>
</tr>
<tr valign="top">
<td colspan=16 height=27></td>
</tr>
<tr valign="top">
<td colspan=10 rowspan=1 width=129 align="center" valign="middle"><img height=82 width=129 src="http://www.geocities.com/islandinthesun144/layoutme.gif" border=0 ></td>
<td colspan=6 height=82></td>
</tr>
<tr valign="top">
<td colspan=16 height=4></td>
</tr>
<tr valign="top">
<td colspan=7 rowspan=1 width=88><a href="http://www.geocities.com/islandinthesun144/aboutme.html" target="middle"><span style="font-size:14">About Me</span></a></td>
<td colspan=9 height=17></td>
</tr>
<tr valign="top">
<td colspan=16 height=8></td>
</tr>
<tr valign="top">
<td colspan=2 height=20></td>
<td colspan=2 rowspan=1 width=45><a href="http://www.geocities.com/islandinthesun144/survey.html" target="middle"><span style="font-size:14">Survey</span></a></td>
<td colspan=12 height=20></td>
</tr>
<tr valign="top">
<td colspan=16 height=10></td>
</tr>
<tr valign="top">
<td colspan=6 rowspan=1 width=83><a href="http://www.geocities.com/islandinthesun144/pictures.html" target="middle"><span style="font-size:14">Pictures</span></a></td>
<td colspan=10 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=57></td>
</tr>
<tr valign="top">
<td colspan=10 rowspan=1 width=129 align="center" valign="middle"><img height=82 width=129 src="http://www.geocities.com/islandinthesun144/layoutgraphics.gif" border=0 ></td>
<td colspan=6 height=82></td>
</tr>
<tr valign="top">
<td colspan=16 height=15></td>
</tr>
<tr valign="top">
<td colspan=12 rowspan=1 width=132><a href="http://www.geocities.com/islandinthesun144/welcomebanners.html" target="middle"><span style="font-size:14">Welcome Signs</span></a></td>
<td colspan=4 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=16></td>
</tr>
<tr valign="top">
<td colspan=9 rowspan=1 width=98><a href="http://www.geocities.com/islandinthesun144/hiatus.html" target="middle"><span style="font-size:14">Hiatus Signs</span></a></td>
<td colspan=7 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=23></td>
</tr>
<tr valign="top">
<td colspan=11 rowspan=1 width=131><a href="http://www.geocities.com/islandinthesun144/emailmesigns.html" target="middle"><span style="font-size:14">Email Me Signs</span></a></td>
<td colspan=5 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=19></td>
</tr>
<tr valign="top">
<td colspan=10 rowspan=1 width=129><a href="http://www.geocities.com/islandinthesun144/tagboardsigns.html" target="middle"><span style="font-size:14">Tagboard Signs</span></a></td>
<td colspan=6 height=22></td>
</tr>
<tr valign="top">
<td colspan=16 height=101></td>
</tr>
<tr valign="top">
<td colspan=14 height=150></td>
<td colspan=1 rowspan=1 width=150><!-- css -->
<style type="text/css">
<!--

A:link
{ text-decoration: none; font-weight: none; color:#33ccff;}
A:visited
{ text-decoration: none; font-weight: normal; color:#8EBDF8;}
A:active
{ text-decoration: none; font-weight: normal; color:#8EBDF8; }
A:hover
{ text-decoration: none; cursor: crosshair; font-weight: bold; color:#33ff99;filter:dropshadow(color=#FFFFFF,offX =1, offY=1);;height:6;font-family:tahoma;cursor:nw-resize;letter-spacing:0pt;font-size:8pt}

b {font-family: tahoma;
color: #ff99cc; filter:shadow(Color=#33ff99,Direction=135, strength=3);height:6px; }

h1 {font-family: tahoma; font-size: 10; color: #E7A3CE; }

p {font-family: tahoma;
color: #65B8FF; }

body
{ background-color: #ADD7FB;

font-family: tahoma;
color: #65B8FF;
letter-spacing: 0pt;
font-weight: normal;
font-size: 8pt;

text-align:center;


scrollbar-face-color: #65B8FF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #89C5F7;
scrollbar-darkshadow-color: #0382ED;
scrollbar-shadow-color: #3BA4FD;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #89C5F7;


}

td
{ font-family: tahoma;
color: #65B8FF;
letter-spacing: 0pt;
font-weight: normal;
font-size: 12;
line-height: 1;
text-align:center;
padding-left: 0cm;
padding-right: 0cm;
padding-top: 0cm;
padding-bottom: 0cm;
padding: 0cm;
padding: 0cm 0cm; }

input, textarea
{ background: #transparent;
font-family: tahoma;
color: #65B8FF;
letter-spacing: 0pt;
font-weight: normal;
font-size: 13;
border-style: solid;
border-color: #0382ED;
border-width: 1px; }

-->
</style></td>
<td colspan=1 height=150></td>
</tr>
<tr valign="top">
<td colspan=16 height=429></td>
</tr>
<tr valign="top">
<td colspan=13 rowspan=1 width=150><!-- moozik -->
<table style="filter:glow(color:#0000ff)"><tr><td><font><center><br>
<font size="2"><br><a href="http://www.moozik-jamz.com">MoOZiK JamZ</a></font></center></font></td></tr></table>
<object id="MediaPlayer1"
width=150 height=40
classid="CLSID:6B
Rosey
06-17-2004, 01:42 AM
your css stuff should be between the <head> and </head> tag first of all.

The reason that your stuff isn't aligned is that your td tags are all different sizes. Make them all the same size for the links.