Hello all. I post a lot of links to software that helps with navigation, and yes i have another

 

Its called Open Cube Nav Studio. Funnily enough i used this software at school and loved it...and best of all, its free

 

Here is the LINKY

 

Enjoy

Haha it seems more and more programs are comming out for the dropdown menu.

 

Are we getting lazy?

yeh kinda i can't code dropdowns so until i learn to, software for me

Looks good. I'd feel a bit dirty if I used it though.

lol i love it

Ash,

 

Do you think it would compatible on the mobile phone browser.? These flashy menus just die on the phone.

 

 

Nice link man cheers!!

Ash,

 

Do you think it would compatible on the mobile phone browser.? These flashy menus just die on the phone.

 

I reckon they will, as the dropdowns work with and without javascript functionality

Nice link man cheers!!

 

you're welcome

your welcome

yeh kinda i can't code dropdowns so until i learn to, software for me

 

Drop downs are easy with css.

 

here is an example:

 

CSS

#nav{
background-color: black;
height: 40px;
width: 300px;
margin-left: -150px;
position: absolute;
left: 50%;
top: 50px;
}

#nav ul{
width:100%;
float:left;
margin:0px;
padding:0px;
}

#nav li{
width:100px;
float:left;
text-align:center;
margin:0px;
list-style-type: none;
position: relative; /* This has made it relative so the absolute on the li ul is set */
background-color: black;
height: 20px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}

#nav li a{
width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
color: #FFF;
text-decoration: none;
}

#nav li a:visited{
width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
color: #FFF;
text-decoration: none;
}

#nav li a:hover,
#nav li :hover{ /* This sets the hover for getting ready to make the ul li ul available */
   width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
color: #FFF;
text-decoration: none;
background-color: #333;
}

#nav li ul{
width:100px;
background-color: black;
left: 0px;
top: 40px;
position: absolute;
visibility: hidden; /* This has made it invisible */
}

#nav li:hover > ul{
visibility: visible; /* This makes the ul li ul visible*/
}

#nav li ul li{
width:100px;
float:left;
list-style-type: none;
}

#nav li ul li a{
width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
color: #FFF;
text-decoration: none;
}

#nav li ul li a:visited{
width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
color: #FFF;
text-decoration: none;
}	

#nav li ul lia:hover,{
width:100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
color: white;
text-decoration: none;
background-color: #333;
}

 

 

 

Html

<div id="nav">

<ul>

 <li><a href="#">Page 1</a>
  <ul>

    <li><a href="#">Title 1</a></li>
    <li><a href="#">Title 2</a></li>
    <li><a href="#">Title 3</a></li>

  </ul>
 </li>
 <li><a href="#">Page 2</a></li>
 <li><a href="#">Page 3</a></li>

</ul>

</div>

 

Hope this helps matey. This has no javascript so will work in all major browsers etc apart from the float left function which you may want to include inline rule as well which will make it work on older versions.

 

Click + if this helped

Stu Nicholls offers a lot of freely available and pretty awesome css only menu's.

 

http://www.cssplay.co.uk/menus/

This has no javascript consequently will work in all main browsers etc apart from the float left function which you may want to include inline rule as well which will make it employment on older versions.

This has no javascript accordingly will work in all main browsers etc isolated from the float left function which you may want to admit inline rule as well which will make it usage on older versions.