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 4 of 4
  1. #1
    Regular Coder
    Join Date
    Apr 2006
    Location
    UK, England
    Posts
    268
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Problem Implementing Menu

    I am trying to implement this menu, shown here:

    http://www.dynamicdrive.com/style/cs...ical-menu/P60/

    However, evertime I create the stylesheet then add the HTML code i keep getting bullet points to the left of the menu, which I cannot remove, otherwise it messes the whole thing up.

    Any Ideas on this?

    BTW: I tried searching their forums, nothing there concerning this matter. I though insted of registering there just for one post, the guys here might now

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello J1mmy,
    Code:
    ul  {
    	list-style: none;
    }
    gets rid of bullets.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    Regular Coder
    Join Date
    Apr 2006
    Location
    UK, England
    Posts
    268
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Hey,

    Isnt that code already on the CSS?

    Code:
    .glossymenu{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    width: 170px;
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
    Where would your code go?

  • #4
    Regular Coder
    Join Date
    Aug 2006
    Location
    Cardiff, UK
    Posts
    141
    Thanks
    15
    Thanked 2 Times in 2 Posts
    From memory, you're likely to have some issues with IE using this method, as IE doesn't preload or cache background images, so you'll get flicker when the rollover happens. The methods I've found that work better are the trifecta button technique, or using a background image that contains all the states, which are then shown by offsetting the background-position horizontally as in this Wellstyled article or vertically as per this Tutorio article.

    The offset technique does sometimes still have problems in IE - sometimes the background image is reloaded on the rollover. There's a suggested fix linked from the Wellstyled page, which fails in MacIE - but you could sort that with a bit of CSS targeted at Mac IE:

    Code:
    <style type="text/css">
    @import("Styles/iemac.css");
    </style>
    Will load iemac.css only in MacIE, and you can use that to replace the CSS generating the navigation with one of the other techniques (the offset technique works fine in MacIE).
    Last edited by butlins; 01-31-2007 at 10:43 AM.
    If anyone asks my boss, this counts as work, okay?


  •  

    Posting Permissions

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