Html Problem

[punch999]

Hey! I need to learn how to make menu's on the side of a page Kind of like this except just simple and just make it on the side of the screen. Can someone instruct me on it. I know that its just a table but can someone instruct me on how to do it.

Thank You this is quite important and The last time I really used HTML was in fifth grade. Thanks!!

[Rogue]

Use tables, and place links in it, just as Kosta did it here.

You can view source of this (and any other pages) and learn from there. (view >> page source in FireFox or Ctrl+U)

[punch999]

So what do you mean like...



<left>
//insert table code here
</left>

?

[Rogue]

No,
what I meant is that you have to use this:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>

Using tables and tables inside those tables you have to format your page.

I don't have much time to write more about it.

Here is a code for menu you posted above:

<td><table width="100%" *border="0" cellpadding="0" cellspacing="1" bgcolor="#FDF6F5">
<tr>
<td bgcolor="#AD0000"><img src="scripts/image.php?text=Site&h=14&padding_top=10" height="14"></td>
</tr>
<tr>
<td bgcolor="#AD0000"><table width="100%" *border="0" cellpadding="0" cellspacing="1" bgcolor="#AD0000">
<tr>
<td bgcolor="#FFFFFF" style="padding-top:2px; padding-bottom:2px; ">

<div id="myMenu"><a href="/index.php">&curren; News</a></div>
<div id="myMenu"><a href="/main.php?nav=archive">&curren; Archives</a></div>
<div id="myMenu"><a href="/main.php?nav=mailinglist">&curren; Mailinglist</a></div>
<div id="myMenu"><a href="/main.php?nav=faq">&curren; FAQ</a></div>
<div id="myMenu"><a href="/main.php?nav=awlist">&curren; Oldwarez list</a></div>
<div id="myMenu"><a href="http://www.abandonia.com/forum/" target="_blank">&curren; Forum</a></div> * *

<div id="myMenu"><a href="/main.php?nav=rss">&curren; RSS Feed</a></div>
<div id="myMenu"><a href="/main.php?nav=gpp">&curren; V.I.P. Lounge</a></div>
<div id="myMenu"><a href="/main.php?nav=press">&curren; In the press</a></div>
<div id="myMenu"><a href="/main.php?nav=crew">&curren; Crew</a></div>
<div id="myMenu"><a href="/main.php?nav=contact">&curren; Contact us</a></div></td>
</tr>
</table></td>


Place this table inside the main table.

[Reup]

Keep in mind that using tables for layout is considered an ill design practice (yeah I know, it's very hard to without them, but it CAN be done). You could very well achieve the same effect by using a decent style-sheet. The menu-box can be a <div></div>, the menu list a simple where the list-items have a special bullet:


li {
list-style-image: url(blueball.gif);
list-style-type: circle
}

You'd have to make a seperation between header and body part of the box as well, in order to change the font and background color. Invest in learing CSS2 :ok:

[Rogue]

Originally posted by Reup@Dec 16 2005, 03:52 AM
Keep in mind that using tables for layout is considered an ill design practice (yeah I know, it's very hard to without them, but it CAN be done).
I'm mostly using PHP, so the tables provide me with easy and well usable layout design. And most importantly, they work with any browser I've tried.

[plix]

Originally posted by Anubis@Dec 16 2005, 06:13 AM
I'm mostly using PHP, so the tables provide me with easy and well usable layout design. And most importantly, they work with any browser I've tried.
PHP has nothing to do with it. Semantic markup (i.e. "not using tables for layout" among other things) is suggested because it degrades properly, which is good for things like screen readers, mobile browsers, etc. It's also a hell of a lot more bandwidth-friendly, it cleans up the markup a lot, and it's easier to restyle later without having to touch the markup. Things like CSS Zen Garden show the real capabilities of CSS and it's hard not to appreciate how much more elegant it is.