SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    am i doing this right/clean?

    here's what i got so far for this site header nav...

    http://www.craniumdesigns.com/bhn/in.../intranet.html

    i want it to look like this...

    http://www.craniumdesigns.com/blackh...portal_pg2.jpg

    not sure how i'm gonna round out the tab corners.

    any tips would be great.

    one thing i DO know that i have to do is that i have to change the hover on the main tabs to not switch background image, but to change the position and put both states on the same image.

    this is for work, so PLEASE HELP ASAP.
    Steve Davis

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,107
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Hey,

    That's pretty clean and there's not much if anything I would change,
    though I would replace <div id="search"> with the form tag as those inputs won't do much without one

    You can probably get rid of <div id="clear"></div> by just clearing #nav in the CSS

    not sure how i'm gonna round out the tab corners.
    I would give a class="first" and "last" to the end tabs so you can select them, because you have a li element and an a element to play with you can use 2 background images in that space - Put the flat image on the li element repeat-x, and the corner image over the top on the a element no-repeat with a transparent background-color.

    Edit: I also wouldn't set any fixed height so that you can increase the font size and keep the menu intact, just set line-height to center text vertically and don't rely on px padding to do that.

    Hope it helps

  3. #3
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks a lot. i'll try those things. anyone else have any input?

    is using absolute positioning ok like i am?
    Steve Davis

  4. #4
    SitePoint Addict
    Join Date
    Sep 2001
    Posts
    320
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    any idea how to place the footer at the absolute bottom of the page, even if the content doesnt go far enough? can i position absolutely and do left: bottom: positioning?
    Steve Davis

  5. #5
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,107
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    If you want to be able to push your navigation down with increased font size you can't use absolute positioning.

    Something like this can be cleared.
    Code:
    #nav { clear: right; float: right; margin-top:25px}
    Edit: There's an FAQ at the top of the CSS forum that is precisely about sticking footers at the bottom of the window


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
  •