Is this a case of div-itis?

Discussion in 'HTML & Website Design' started by Forrest, May 29, 2007.

  1. #1
    I wonder if I'd be better served with UL/LI tags for my navigation? To me they seem more like tables, in the sense of extra and possibly unnecessary tags. Since the point is to display text links, I'm not sure if it makes sense to wrap them in extra ULs and LIs, although that's more hierarchal than divs with links in them, which is what I'm doing now. And my navigation is definitely a hierarchy.

    So does it make sense the way I'm marking this up, or should I stop and give it some more thought?

    A good example would be: Star Trails, Car Camping near Yosemite in Lee Vining

    Any thoughts? Thanks!
     
    Forrest, May 29, 2007 IP
  2. Kendothpro

    Kendothpro Well-Known Member

    Messages:
    574
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    120
    #2
    ul and lis for teh win!
    anyway your header gets fucked up pretty quickly if one increases the font size
    make it em-dependent and not px with fixed height and that should solve it!
     
    Kendothpro, May 29, 2007 IP
  3. Fold

    Fold Peon

    Messages:
    29
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes, lists are the best way of making lists of links, whether they are horizontal or vertical or whatever.
     
    Fold, May 29, 2007 IP
  4. diarmuid

    diarmuid Peon

    Messages:
    285
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I normally use lists with my links, just because i find it easier, and generally better...
     
    diarmuid, May 29, 2007 IP
  5. Ragnhild

    Ragnhild Peon

    Messages:
    28
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Lists are better because they show the structure of the document, which is important for people who view your website in special browsers or who can't see your CSS for some reason, i.e. it's good for accessibility in general.
     
    Ragnhild, May 29, 2007 IP
  6. Forrest

    Forrest Peon

    Messages:
    500
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Thanks, everyone.

    How do you make a gradient ( the header ) font-size dependant?
     
    Forrest, May 29, 2007 IP
  7. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Set the background color to be the same as either the lightest or darkest color in the gradient (depending on how you want the background image set), and then place the gradient image where you want and set its repeat property to point whichever way you need it. In your case (I'm just assuming, since I haven't looked at your page), I'm going to assume you have the gradient repeating horizontally from the top down, so a top left background image position with the image repeating sideways should work, and in which case using the lightest color for your base background color should suffice.
     
    Dan Schulz, May 29, 2007 IP