sidebar menu

[cnc_sage 0]

I want to improve my site by adding a sidebar menu. Here's what I came up with :

<TABLE>

<TR><TD><IMG SRC="C:Site materialsidetop.jpg"></TD><TD><center><IMG SRC="C:Site materialbanner1.jpg"></center></TD></TR>

<TR><TD><font face="Arial"

size=6

>Menu</font></TD><TD ROWSPAN=9>

(insert content here)

</TD></TR>

<TR><TD>Main Page/News</TD></TR>

<TR><TD>About Me</TD></TR>

<TR><TD>Tiberian Sun

<UL>

<LI>Features

<LI>Tiberium

<LI>GDI

<LI>Nod

</UL></TD></TR>

<TR><TD>Images</TD></TR>

<TR><TD>Downloads</TD></TR>

<TR><TD>Links</TD></TR>

</TABLE>

Please tell me what you think and if it's not good, plz provide better sollutions.

[Alphabear 11]

any chance of showing us what it looks like not just in code as its hard for me to visualise

[cnc_sage 0]

So here's what came out on two different pages.

[Alphabear 11]

yeah it looks alright

[Doctor Destiny 41]

Needs more CSS... the whole site does for that matter.

 

Needs a standard font like Verdana or Tahoma, but Arial works too. Anything but Times New Roman.

 

Don't have any gaps between your lines. It looks sloppy that way.

 

Here's some optimal code:

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td><img src="sidetop.jpg" height="" width="" alt="">

<br><img src="banner1.jpg" height="" width="" alt="">

<br><br>Menu (insert content here)

<br>Main Page/News

<br>About Me

<br>Tiberian Sun

<br><ul>

<li>Features

<li>Tiberium

<li>GDI

<li>Nod

</ul>

Images

<br>Downloads

<br>Links

</td>

</tr>

</table>

Yours is too broken and you have many unnecessary table definitions and rows. You can get the same effect using line breaks, spans and even DIVs.

[Tree 0]

CSS is loads better than tables and such. Tables were meant for tabular data, not designing layouts. Use absolute position if possible. It's the most precise.

[Doctor Destiny 41]

Never used DIVs to make my layouts. Mine are done in tables and they come out just as good as a DIV generated layout.

[cnc_sage 0]

Here's some optimal code:

<table cellspacing="0" cellpadding="0" border="0">

<tr>

<td><img src="sidetop.jpg" height="" width="" alt="">

<br><img src="banner1.jpg" height="" width="" alt="">

<br><br>Menu (insert content here)

<br>Main Page/News

<br>About Me

<br>Tiberian Sun

<br><ul>

<li>Features

<li>Tiberium

<li>GDI

<li>Nod

</ul>

Images

<br>Downloads

<br>Links

</td>

</tr>

</table>

Thanks, I'll try it.

[Doctor Destiny 41]

Oh, I forgot to mention that on your images, put in the image's height and width. That's a necessary bit of information that I forgot to post.