SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Feb 2008
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post CSS & HTML novice seeking help with nav bar.

    Hi All.

    I'm a complete novice when it comes to HTML and CSS. It's the first time i've ever done any such thing.
    I'm trying to redesign my site which has three navigational menus.

    Please check out the design at www.taxrefundclaim.co.uk/testing

    The problem i have is that i'd like the two navigational bars at the top of the page to be in the middle of the page.
    I'm not sure how to do that.

    I'm sure i'm missing a setting somewhere. Can anyone help me figure out what settings that may be.

    the CSS files can be downloaded from:

    http://www.taxrefundclaim.co.uk/test...s/template.css
    http://www.taxrefundclaim.co.uk/test...ontal_menu.css
    http://www.taxrefundclaim.co.uk/test...ntal_menu2.css


    Thanks in advance.

    Regards

  2. #2
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you want the nav bar to stretch the entire width of the page or just the middle?

    If you are just talking about taking the text part of the navigation to the middle area then just used margin:auto; on ul#navmenu-h and on the secondary menu. Make sure you have widths explicitely declared on these elements also otherwise setting the margin to auto will not work.

    If you are looking to have the menu's centered (i.e. as if the text was aligned to center) the only way to do that with floated elements is to treat them like table-cells and the parent UL element as a table.
    - See here: http://www.cssplay.co.uk/menus/centered.html

    I hope this helps
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  3. #3
    SitePoint Member
    Join Date
    Feb 2008
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    superb...thank you very much.

    the margin:auto; parameter seemed to do the trick.....

    Much appreciated.


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
  •