Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Oct 2005
    Location
    Delhi
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    on rollover(in list:ul) list bullet image appearing on top of entry

    Please see the attached menu-right-staff.html file in IE.
    The list bullet image appears on top of name.
    This is working right in Firefox.

    How to fix this problem
    Attached Files Attached Files

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't download files from forums. It would be easier if you put up the files on a free webhost or something.

  • #3
    New Coder
    Join Date
    Oct 2005
    Location
    Delhi
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    please see http://www.geocities.com/sugata_bhar2002/html/menu-right-staff.html

    Please see http://www.geocities.com/sugata_bhar...ght-staff.html

    I have uploaded the page there but the bullet is not showing

    The bullet image is menuleft-square-purple.gif.

    If u see colorscheme_aboutus_staff and othestaff entries in the style.css in the css folder it will be clear what i want

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    The bullet isn't showing up because you haven't seemed to upload it to the proper directory.

  • #5
    New Coder
    Join Date
    Oct 2005
    Location
    Delhi
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    bullet is of course in right folder

    The bullet is in http://www.geocities.com/sugata_bhar...are-purple.gif


    Code:
    <div id="otherstaff">
         <div id='colorscheme_aboutus_staff' >
    
          <ul>
           <li><a href='#' id='danklores' >DAN KLORES<br />
            <span id='entity_qualifier' >Chairman, Chief Executive Officer</span></a></li>
           <li><a href='#' id='seanfcassidy' >SEAN F. CASSIDY<br />
            <span id='entity_qualifier' >Managing Director, President</span></a></li>
           <li ><a href='#' id='johnmarino' >JOHN MARINO<br />
            <span id='entity_qualifier' >Managing Director, Managing Partner</span></a></li>
    
           <li><a href='#' id='matthewtraub' >MATTHEW TRAUB<br />
            <span id='entity_qualifier' >Managing Director, Chief of Staff</span></a></li>
    
           <li><a href='#' id='joedeplasco' >Joe DePLASCO<br />
            <span id='entity_qualifier' >Managing Director</span></a></li>
           </ul>
    
           <h3>Executive Vice Presidents</h3> 
           <ul id='compact' >
            <li><a href='#' id='lizanklow' >LIZ ANKLOW</a></li>
            <li><a href='#' id='brucebobbins' >BRUCE BOBBINS</a></li>
            <li><a href='#' id='dianebriskin' >DIANE BRISKIN</a></li>
            <li><a href='#' id='jeffreyklein' >JEFFREY KLEIN</a></li>
            <li><a href='#' id='robertleonard' >ROBERT LEONARD</a></li>
            <li><a href='#' id='josephscottmiranda' >JOSEPH SCOTT MIRANDA</a></li>
           </ul>
    
             </div>
            </div>
    css code

    Code:
    #otherstaff {top:20px;left:50px;margin:0 0 0 5px;}
    
    
    
    
    /* --------------------------------------------------------
       Color schemes, especially for links                     */
    
    #colorscheme_aboutus a:hover {color:#7E1C7E;}
    
    #colorscheme_aboutus_staff a:hover {color:#7E1C7E;}
    
    #colorscheme_aboutus_staff a {
       font-family: verdana;
       font-size: 12px;
       color:#768561;
       text-decoration: none;
       font-weight: bold;
    }
    
    #colorscheme_aboutus_staff li {
       list-style-type: none;
       margin-top: 10px;
       text-indent: 0px;
       line-height: 12px;
       margin-left: -24px;
       color: #FFFFFF;
    }
    
    #compact li {
       margin-top: 2px;
    }
    
    /* --------------------------------------------------------
       Right-hand menu                                       */
    
    #colorscheme_aboutus_staff #entity_qualifier {
       color: #000000;
       font-size: 10px;
       line-height: 13px;
       font-weight: normal;
    }
    
    
    
    #colorscheme_aboutus_staff a:hover, #colorscheme_aboutus_staff #highlighted {
       background: url("../images/menu/menuleft-square-purple.gif");
       padding-left: 20px;
       margin-left: -20px;
       background-position: 7px 3px;
       background-repeat: no-repeat;
       color:#7E1C7E;
    }
       /* As that _highlighted entry only makes the bullet purple, we also need
          to make the text purple */
       
    
    /* Right-hand menu */
    
    #otherstaff h3 {
       font-weight: normal;
       font-family: Verdana;
       font-size: 10px;
       margin-top: 10px;
       margin-left: 16px;
       line-height: 12px;
    }
    
    #otherstaff ul {
       margin-top: -8px;    /* Less space between any heading and the list  */
       padding-top: 0px;
    }

  • #6
    New Coder
    Join Date
    Oct 2005
    Location
    Delhi
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    yes the path was wrong

    Code:
    #colorscheme_aboutus_staff a:hover, #colorscheme_aboutus_staff #highlighted {
       background: url("images/menu/menuleft-square-purple.gif");
       padding-left: 20px;
       margin-left: -20px;
       background-position: 7px 3px;
       background-repeat: no-repeat;
       color:#7E1C7E;
    }
    In place of background: url("../images/menu/menuleft-square-purple.gif");
    please use the path in above code, then the bullet will show


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •