Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4

Thread: css menu

  1. #1
    Junior Member
    Join Date
    Nov 2008
    Posts
    6
    Member #
    17672
    I have a problem when im trying to create a css menu.
    For some reason i cannot remove the bullet points.

    Below is the html
    <div id="menu13">
    <ul>
    <li><a href="prices/nailextensions.html" target="price_frame" title="Nail">Nail</a></li>
    <li><a href="prices/tinting.html" target="price_frame" title="Tinting">Tinting</a></li>
    <li><a href="prices/massage.html" target="price_frame" title="Massage">Massage</a></li>
    <li><a href="prices/hand_feet.html" target="price_frame" title="Hand and Feet">Hand and Feet</a></li>
    <li><a href="prices/waxing.html" target="price_frame" title="Waxing">Waxing</a></li>
    <li><a href="prices/facials.html" target="price_frame" title="Facials">Facials</a></li>
    <li><a href="prices/hair.html" target="price_frame" title="Hair">Hair</a></li>
    <li><a href="prices/other.html" target="price_frame" title="Other">Other</a></li>
    </ul>
    </div>

    AND here is the css for this.
    #menu13 {
    width: 100%;
    margin: 10px;
    text-decoration: none;
    }

    #menu13 li a {
    height: 32px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 24px;

    text-decoration: none;
    }

    #menu13 li a:link, #menu13 li a:visited {
    color: #C7377D;
    display: block;
    background: url(../images/menu13.gif);
    padding: 8px 0 0 10px;
    text-decoration: none;
    background-repeat: no-repeat;
    outline: 0;
    text-decoration: none;
    }

    #menu13 li a:hover {
    color: #C7377D;
    background: url(../images/menu13.gif) 0 -32px;
    padding: 8px 0 0 10px;
    text-decoration: none;
    background-repeat: no-repeat;

    }

    Can anyone see where im going wrong? I have tried using text-decoration:none thinking that this would work but it hasn't. Any ideas?

    Thanks
    Wayne

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    You need the list-style-type CSS property set to none.

    HTML Code:
    <html>
    
    <head>
    
    	<style type="text/css">
    
    #menu13 {
    width: 100%;
    margin: 10px;
    text-decoration: none; 
    }
    
    #menu13 ul
    {
    	list-style-type: none;
    }
    
    #menu13 li a {
    height: 32px;
    voice-family: "\"}\""; 
    voice-family: inherit;
    height: 24px;
    
    text-decoration: none;
    } 
    
    #menu13 li a:link, #menu13 li a:visited {
    color: #C7377D;
    display: block;
    background: url(../images/menu13.gif);
    padding: 8px 0 0 10px;
    text-decoration: none;
    background-repeat: no-repeat;
    outline: 0;
    text-decoration: none;
    }
    
    #menu13 li a:hover {
    color: #C7377D;
    background: url(../images/menu13.gif) 0 -32px;
    padding: 8px 0 0 10px;
    text-decoration: none;
    background-repeat: no-repeat;
    
    }
    
    	</style>
    
    </head>
    
    <body>
    
    <div id="menu13">
    <ul>
    <li><a href="prices/nailextensions.html" target="price_frame" title="Nail">Nail</a></li>
    <li><a href="prices/tinting.html" target="price_frame" title="Tinting">Tinting</a></li>
    <li><a href="prices/massage.html" target="price_frame" title="Massage">Massage</a></li>
    <li><a href="prices/hand_feet.html" target="price_frame" title="Hand and Feet">Hand and Feet</a></li>
    <li><a href="prices/waxing.html" target="price_frame" title="Waxing">Waxing</a></li> 
    <li><a href="prices/facials.html" target="price_frame" title="Facials">Facials</a></li>
    <li><a href="prices/hair.html" target="price_frame" title="Hair">Hair</a></li>
    <li><a href="prices/other.html" target="price_frame" title="Other">Other</a></li>
    </ul>
    </div>
    
    </body>
    
    </html>

  4. #3
    Junior Member
    Join Date
    Nov 2008
    Posts
    6
    Member #
    17672
    Thats great. Thanks alot for your help.

  5. #4
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    No problem.

    text-decoration relates to ... you guessed it, the decoration of text. read up on it here

    The bullet is a feature of a HTML list so you have to access it that way.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:59 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com