Forum Moderators: phranque

Message Too Old, No Replies

My first practice page

Send me advise

         

dialectic

9:07 am on Jul 9, 2004 (gmt 0)

10+ Year Member



i wanted the nav to align with the thumbs not sure what i did wrong

<html>
<head>
<title>Hot Cars</title>
</head>
<body background="me300.jpg">

!--top logo-->
<table width=100% border="0">
<tr>
<td align="center"><img src="jex1.jpg" width="320"></td>
</tr>

<!--left nav bar-->
<table width="100% font color="#FFFFF" border="0">

<tr>

<td class="toc" valign="top" width="120">

<p><a href="me.jpg">About Me</a>

<br><a href="pics.jpg">Photos of Supercars</a>

<br><a href="Streetracin.jpg">Streetracing Movies</a>

<br><a href="links.jpg">Community links</a>

<br><a href="forums.jpg">Hot forums</a>

<br><a href="upload">Send pics and movies</a>
</p>
</td></tr>
<table width="100%" border="0">

<tr><td><!--left nav--></td>

<td><!--main-->

<h2><font color="#FFFFF" font="14"><center>Hot Cars</center></h2></font>

<!--thumbs-->

<table width="175" height="150" bgcolor="#00000" cellspacing="0" cellpadding="0"border="3" align="right" class="rightsidebar">
<tr>
<th colspan="2"><font color="#FFFFF">PICS OF HOT CARS</th></font>
</tr>

<tr>
<td bgcolor="#00000"><a href="mercedes.jpg"><img src="mercedeslogo.jpg"></a></td>
<td><a href="me301.jpg" onmouseover="me300.jpg"><img src="lamboghini.jpg"></a></td>
</tr>

<tr>
<td><a href="ferraripic.jpg"><img src="ferrari.jpg" color="#00000"></a></td>
<td><a href="porscheconcept.jpg"><img src="porche.jpg"></a></td>
</tr>

</table width="100%" border="3">

<table width="175" "height="150" cellspacing="0" cellpadding="0" border="3" align="center">
<tr>
<th colspan="2"><font color="#FFFFF">STREET RACES</th></font>
</tr>

<tr>
<td><a href="HC_Spray_Vette_vs_Single_Turbo_Supra_1.mpa"><img src="toyota.jpg"></img><a/></td>
<td><a href="teaser.mpa"><img src="ferrari.jpg"></img></a></td>
</tr>

<tr>
<td><a href="Camaro_vs_Mustang5.0.mpa"><img src="ford.jpg"></td></a></img>
</table>

<p><font color="#FFFFF">This cite has been created by <blink>Djex</blink>.</font><p/>

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

</tr>
</table>

</body>
<html>

coho75

1:29 pm on Jul 9, 2004 (gmt 0)

10+ Year Member



I am not sure about your alignment problems, but I did notice a few things you might want to change.

!--top logo--> should be <!--top logo-->

and

<h2><font color="#FFFFF" font="14"><center>Hot Cars</center></h2></font>

should be

<h2><font color="#FFFFF" font="14"><center>Hot Cars</center></font></h2>

It's a good idea to keep the tags in the correct order, otherwise it may not validate correctly. Also, I think some of your tables may not be nested correctly which may be causing some of your alignment troubles. Not bad for your first web page.

coho75

jetboy_70

2:01 pm on Jul 9, 2004 (gmt 0)

10+ Year Member



Actually, any reference to #FFFFF should be #FFFFFF - that's six Fs, and font="14" should be size="14".

Alternative Future

2:09 pm on Jul 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi dialectic,

As coho75 & jetboy have kindly pointed out there quite a few mistakes in your code (perhaps not as bad as my first attempt ;-)

Anyway with all the broken td's and tables not being nested properly I think it might be best to start again, I have created a template for you that should help you. If you cut & paste your links and images out of your present code and place it into this new template it should help you get the preferred layout!

<html>
<head>
<title>Hot Cars</title>
</head>
<body background="me300.jpg">
<!--top logo-->
<table>
<tr>
<td align="center" colspan="2"><img src="jex1.jpg" width="320"></td>
</tr>
<tr>
<td valign=top>
<!--left nav bar-->
<table>
<tr>
<td><!--put your links in here--></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td valign=top>
<!--right content-->
<table>
<tr>
<td><!--your hot cars stuff here--></td>
</tr>
</table>
<br clear="all">
<table>
<tr>
<td><!--your street cars stuff here--></td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan=2><!--your footer content here--></td>
</tr>
</table>
</body>
</html>

HTH,

-George

dialectic

7:50 pm on Jul 9, 2004 (gmt 0)

10+ Year Member



ok i fixed alignment with a spacer

and most of the errors that i can see

thanks for the tips

now its time to try a 3 column css layout!

henry0

8:15 pm on Jul 9, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Remember that SE do like to see more than what's there
<img src="jex1.jpg" width="320">

you should add at least
<img src="jex1.jpg" width="320" alt="my img descript or title">

dialectic

10:08 am on Jul 10, 2004 (gmt 0)

10+ Year Member



great work guys

going to try another table layout that doesnt use a spacer

seems simple just make 3 columns for each table-- fill in the margins with &nbsp and make the center one the content..rinse and repeat ...