Member Avatar for EvanWatkins

an someone help me with this? It is in CSS (I don't know if CSS is discussed on here as I am new but I really need help.) I am developing a website in wordpress and have all of my pages set up in a horizontal menu, I want, when hovered over, the page to have another horizontal menu displaying all of the child pages under the main nav. Right now I have this:

#suckerfishnav  {
    position: absolute;
    margin: 0;
    padding: 0;}
#suckerfishnav li {
    list-style: none;
    float: left; }
#suckerfishnav li a {
    display: block;
    padding: 3px 8px;
    text-transform: uppercase;
    text-decoration: none;
    color: #999;
    font-weight: bold; }
#suckerfishnav li a:hover {
    color: #000; }
#suckerfishnav li ul {
    display: none;  }
#suckerfishnav li:hover ul, #suckerfishnav li.hover ul {
    position: absolute;
    display: inline;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0; }
#suckerfishnav li:hover li, #suckerfishnav li.hover li {
    float: left; }
#suckerfishnav li:hover li a, #suckerfishnav li.hover li a {
    color: #000; }
#suckerfishnav li li a:hover {
    color: #357; }

That is displaying all of my pages and when I hover over the page I get a drop down of all of the child pages, I want that drop down to be horizontal not vertical, if anyone can help me please respond I need this fixed today.

Thanks so much.
Evan

  • 2 Contributors
  • 1 Reply
  • 63 Views
  • 6 Hours Discussion Span
  • Latest Post Latest Post by Dani
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.