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
    New Coder
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Text gets cut off

    Hey

    Im very new to CSS and iv been doing some editing on my own for a site that i have, altho iv ran into a problem which i dont know what to do.

    I have a 2nd navigation bar and i put pages or categorys on it, it cuts my text off short. Heres my site - http://top-puppytrainingtips.com/ in the red menu its ment to read Healthy Foods For Dogs but it gets cut off.

    Does any one now what code to insert and were ? Its the l ifestyle theme by studio press.

    Any help at all would be great, thanks

    Chris

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Try removing the width: 128px; from

    #subnav li a, #subnav li a:link, #subnav li a:visited
    Teed

  • #3
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts
    If you remove width from this then the entire button displays across the bar. Since they have a specific width tied to them they will only display as much of the text as will fit.

    Code:
    #subnav li a, #subnav li a:link, #subnav li a:visited {
        background-color: #FF0000;
        color: white;
        font-size: 18px;
        padding: 0 8px 0 15px;
        text-transform: uppercase;
        width: 128px;
    }

  • #4
    New Coder
    Join Date
    Jan 2012
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Spot on guys thanks alot for your help.


  •  

    Tags for this Thread

    Posting Permissions

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