1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

CSS HoverDropdowns?

Discussion in 'Web Development' started by Markinfl, Jul 16, 2014.

  1. Markinfl

    Markinfl New Member

    Im having trouble creating a new Hover Dropdown to an existing web site. I have the .css files but I am new to coding the two together..
     
    Markinfl, Jul 16, 2014
    #1
  2. Markinfl

    Markinfl New Member

    I have this code in the style1.css file

    /* Navigation - Hovers */
    #rt-menu ul.menu li a:hover, .menutop li.root > .item:hover, .menutop li.active.root.f-mainparent-itemfocus > .item, .menutop li.root.f-mainparent-itemfocus > .item, .menu-type-splitmenu .menutop li:hover > .item {background: #007EBA;color: /*#EC8E0C*/ #fff;}

    and this is in the source code

    <!--Begin Horizontal navbar-->
    <ul id="rt-menu">
    <li><a href="#">Why Choose <span style="font-family: verdana !important;text-transform:uppercase !important;font-style:italic !important; font-weight:bold !important;" class="brand">SĀFTRON</span>?</a></li>
    <li><a href="#">Safety Railing Advantages</a></li>
    <li><a href="#">Client List</a></li>
    <li><a href="#">Links</a></li>
    <li><a href="#">Testimonials</a></li>
    <li><a href="#"><span style="font-family: verdana !important;text-transform:uppercase !important;font-style:italic !important; font-weight:bold !important;" class="brand">SĀFTRON</span> Competition</a></li></a></li>
    </ul>
    <!--end navbar -->
     
    Markinfl, Jul 16, 2014
    #2