PDA

View Full Version : Menu Question.


DawgieDog
12-21-2002, 12:09 AM
Is there a code to make a menu like the one on the left in this site: www.super-pages.com
I don't want the same menu, I just want a menu that looks some what like that one. Any help?

vandenberg
12-21-2002, 12:23 AM
I think thats not even JavaScript. Thats CSS

DawgieDog
12-21-2002, 01:08 AM
Well, I apoligize if that's CSS. I posted in the HTML and CSS forum. Sorry..... again.

vandenberg
12-21-2002, 01:19 AM
No need to apologize :( I just pointed that out...

DawgieDog
12-21-2002, 01:37 AM
Well instead of closing this one for being in wrong forums they closed the one on the HTML and CSS forums. Now.. can anyone help me!!!? Please.

ez4ne12c
12-21-2002, 01:38 AM
try this
http://www.codingforums.com/postguide.htm
ez

joeframbach
12-21-2002, 03:47 AM
hey easy, he just wants this thread moved, not another person hassling about the rules

DawgieDog
12-21-2002, 03:51 AM
Well, I wanted it removed since I had posted a new one in the other forums but since the other one was closed now they can leave this one opened to see if anyone could help. BTW, thanks for the support :o :thumbsup:. I appreciate it.

joeframbach
12-21-2002, 03:53 AM
hey mods. this link's for you! http://www.codingforums.com/postguide.htm

Mhtml
12-21-2002, 04:07 AM
Ok, it's relatively simple to do. Although I haven't loked at the source code I would do it like this.

<style>
a.Menlink {
width;100 /*Make this the max width you would like*/
filter:glow(color=darkred)
}
.MenuTable{
border-style:outset;
border-width:3;
border-color:red;
}
.MenuTd{
Border-top-style:solid;
border-top-width:1;
border-top-color:darkred;
}
</style>
<table bgcolor="#000000" class="MenuTable" border="0" cellpadding="1" cellspacing="2">
<tr>
<td><img src="bullet" /></td><td><a href="#" class="Menlink">Menu Link</a></td>
</tr>
<tr>
<td class="MenuTd"><img src="bullet" /></td><td class="MenuTd"><a href="#" class="Menlink">Menu Link</a></td>
</tr>
<tr>
<td class="MenuTd"><img src="bullet" /></td><td class="MenuTd"><a href="#" class="Menlink">Menu Link</a></td>
</tr>
<tr>
<td class="MenuTd"><img src="bullet" /></td><td class="MenuTd"><a href="#" class="Menlink">Menu Link</a></td>
</tr>
<tr>
<td class="MenuTd"><img src="bullet" /></td><td class="MenuTd"><a href="#" class="Menlink">Menu Link</a></td>
</tr>
</table>


I think that should do it. Make sure that the first table row doesn't have the MenuTd class assigned to it.