Results 1 to 7 of 7

Thread: CSS glossy vertical menu

  1. #1
    Join Date
    Nov 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default CSS glossy vertical menu

    Am I supposed to have unordered list bullets showing to left of menu? They seem superfluous to me but I can't find a way to delete them despite code as below:
    .glossymenu{
    list-style-type: none;

    Is it me?!

  2. #2
    Join Date
    May 2007
    Location
    England, UK
    Posts
    235
    Thanks
    3
    Thanked 6 Times in 6 Posts

    Default

    Depends on you code but make sure you apply it to the right element.

    e.g.

    either
    HTML Code:
    .glossymenu {
    	list-style-type: none;
    }
    
    <div>
    <ul>
    	<li class="glossymenu">something</li>
    </ul>
    </div>
    or
    HTML Code:
    .glossymenu ul li {
    	list-style-type: none;
    }
    
    <div class="glossymenu">
    <ul>
    	<li>something</li>
    </ul>
    </div>

  3. #3
    Join Date
    Nov 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by helijohn View Post
    Am I supposed to have unordered list bullets showing to left of menu? They seem superfluous to me but I can't find a way to delete them despite code as below:
    .glossymenu{
    list-style-type: none;

    Is it me?!
    Thanks. Still experimenting but so far it is just howing as a normal text link.

  4. #4
    Join Date
    Nov 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks. Still experimenting - lose background images and reverts to a normal ext link -with bullets!

  5. #5
    Join Date
    May 2007
    Location
    England, UK
    Posts
    235
    Thanks
    3
    Thanked 6 Times in 6 Posts

    Default

    Thanks. Still experimenting but so far it is just showing as a normal text link.
    The code that i've given you will only be seen as normal text links.

    You need to intergrate it with the code you have already got.
    If you post some code here it might be easier to help.

  6. #6
    Join Date
    Nov 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This is the code as I have it on page. Everything fine - just don't need the bullet points as they seem to detract from appearance.


    .glossymenu ul li{
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
    width: 110px;
    border: 1px solid #9A9A9A;
    border-bottom-width: 0;
    }

    .glossymenu li a{
    background: url(glossyback.gif) repeat-x bottom left;
    font: bold 13px "Verdana, Helvetica, sans-serif", "Trebuchet MS", Lucida Grande;
    color: white;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;

    }

    * html .glossymenu li a{
    width: 110px;
    list-style-image: none;
    list-style-type: none;
    }

  7. #7
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    when you submit code can you please wrap it in [code] tags, and can you submit us the html you used? the css alone doesn't help us.

Bookmarks

Posting Permissions

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