Drop-down Menu

Subject: Drop-down Menu Thu Oct 11, 2012 11:05 am

Anyone know how to code a drop-down menu, like they have on this site in the site links thing on the sidebar? .-.

Subject: Re: Drop-down Menu Thu Oct 11, 2012 12:22 pm

I do. I'll create it for you later on today.

Subject: Re: Drop-down Menu Thu Oct 11, 2012 12:23 pm

Woot! Thanks a bunch! :]

Subject: Re: Drop-down Menu Thu Oct 11, 2012 7:10 pm

Here, I have the drop down menu...

- Here's a picture of the finished product, without the expansion.

The mouse-over effect is muuuch better.

Code:: <html>
<head>

<style>
#navbar {
margin: 0;
padding: 0;
height: 2em;}

#navbar li {
list-style: none;
float: left; }

#navbar li a {
display: block;
padding: 1px 12px;
background-color: #2E2E2E;
color: #FFFFFF;
text-decoration: none;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;}

#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color: #B40404;}

#navbar li:hover ul {
display: block;
position: absolute;
margin: 0px;
padding: 0px; }

#navbar li:hover li {
float: none; }

#navbar li:hover li a {
background-color: #FF0000;
border-bottom: 1px solid #B40404;
color: #000; }

#navbar li li a:hover {
background-color: #FA5858; }

ul#navbar {font-family:"Century Gothic", Arial, sans-serif;
      }
</style>
</head>
<body>
<ul id="navbar">

<li><a href="http://bleachoblivion.rpg-board.net/" selected style="font-size: 12pt;">Oblivion Navigation</a><ul>
   <li><a href="#">/SITE PAGE/</a></li>
   <li><a href="#">/SITE PAGE/</a></li>
   <li><a href="#">/SITE PAGE/</a></li>
   <li><a href="#">/SITE PAGE/</a></li>
   <li><a href="#">/SITE PAGE/</a></li></ul>
</li>
</ul>
</body>
</html>

Replace "/SITE PAGE/" with the page on the site. I'll explain the rest later.

Subject: Re: Drop-down Menu Thu Oct 11, 2012 7:13 pm

Awesome! :> I'll start on this soon.

Subject: Re: Drop-down Menu Fri Oct 12, 2012 11:33 am

You know, I noticed that something.

Whenever I switch from one page to another, the alignment of the internal options on the drop down menu changes from Left to Center.

I think this might be a slight overlapping of syntax in the coding.

Subject: Re: Drop-down Menu Fri Oct 12, 2012 12:49 pm

It's no big deal to me. Do you think it could cause problems down the road?

I noticed that on IE, the last option on the list (advertise) shows as it's own button, right under the drop-down. o.o Unless it's just the computer I was using.

Subject: Re: Drop-down Menu Fri Oct 12, 2012 10:44 pm

It won't cause any major problems, other than alerting the OCD of some others xD

As for that thing with the button, I've kinda hardcoded this into a Chrome type of syntax. Therefore, it will always look better in Chrome xD

IE SUUUUCKS.

Subject: Re: Drop-down Menu Sat Oct 13, 2012 12:41 am

IE is the worst. e.e

Subject: Re: Drop-down Menu Sat Oct 13, 2012 12:53 am

Always will be xD

» Drop of Booze~ Affiliate Request