SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Apr 2004
    Location
    New Jersey
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    First Line Indented Incorrectly

    I keep coming over the same problem and hope someone can show me my error.

    On the page: http://www.sportsbasketsusa.com/items.html the left navigation column has links that I want to be uniformly aligned to the left. However, as you can see, the first line is indented and thus it is not flush with the next line.

    The CSS file that I'm using is located at: http://www.sportsbasketsusa.com/css/overall.css

    The class the governs these links is called "itemsnav" ...

    Please tell me how I can get these lines to be uniformly formatted.

    Thanks Much!

  2. #2
    SitePoint Zealot
    Join Date
    Jan 2004
    Location
    Holland
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How 'bout a list?

    It's this:

    margin: 12px

    A margin on inline content like a only effects the beginning and end of the line, no matter if it wraps. The beginning of the line gets a 12px margin, but the section after the wrap gets none and therefore starts further to the left.

    You can end all problems by marking up this list of links as, well a list (ul) of links!
    That way you don't have to use dashes to emulate bullets, all alignment problems disappear, and your list of links is properly marked up.

    Maxdesign's Listutorial will show you step by step how to create and style beautiful menus using lists and CSS. Good readin' !
    Regards,
    Ronald.

  3. #3
    SitePoint Member
    Join Date
    Apr 2004
    Location
    New Jersey
    Posts
    13
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great. Thanks for the help. I'm going to go try it out now.

    Take Care.


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
  •