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 6 of 6
  1. #1
    Junior Member
    Join Date
    Jun 2010
    Posts
    2
    Member #
    22183
    hello,
    I was wondering if anyone can help me with a very frustrating problem. I am trying to get the navigation buttons to stretch all the way across the page, but it seems that when I try to accomplish this by increasing the padding in the "navbar li a" section of my CSS rules, it just breaks the line. Can anyone help?

    Here is a link to the site:
    http://www.steveaho.com/PartyAllNight/index.html

    CSS stylesheet, index.html, and main_page.html (the actual homepage, which is in an iframe) are attached.

    thanks in advance

  2.  

  3. #2
    Junior Member zubilee's Avatar
    Join Date
    Jun 2010
    Location
    Homer, Alaska
    Posts
    7
    Member #
    22301
    First, I would suggest trying to validate your website (validator.w3.org/) - that will help you find some of the basic errors, such as the fact that your <ul id="navbar"> is left hanging open.

  4. #3
    Junior Member
    Join Date
    Jun 2010
    Posts
    2
    Member #
    22183
    thanks for the tip! I'll do that

  5. #4
    Member frederik's Avatar
    Join Date
    Jun 2010
    Location
    Belgium, Helchteren / The Netherlands, Maastricht
    Posts
    43
    Member #
    22285
    the breaking of the line is because the width of all the buttons together, is wider than the page now that you set that padding so much. What you should do now is try to decrease the padding value untill it fits.

  6. #5
    Member yousaysomething's Avatar
    Join Date
    Jun 2010
    Location
    California
    Posts
    38
    Member #
    22363
    Liked
    1 times
    the music is great. can't wait to see the final look.
    Carnavia is a Web Design Company that specializes in Web Design, Graphics and Internet Marketing. You can visit their Web Design Blog to learn more.

  7. #6
    Member WPExplorer's Avatar
    Join Date
    Apr 2010
    Location
    USA
    Posts
    89
    Member #
    21716
    You need to see what the defined with of the UL navbar is then divide by 4 (the links). That way you can define a specific width for each link so it fits exactly in your navbar. Once you know what width each should be you can add padding, although I suggest using text-align: center; for your li's


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 02:48 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com