SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member Umair Ulhaque's Avatar
    Join Date
    Apr 2012
    Location
    Karachi, Pakistan, Pakistan
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Tabbed Navigation PSD to HTML/CSS

    I am unable to figuring-out the HTML and CSS for tabbed navigation which I have designed in Photoshop, I want it to working in any browser. I am just good at html and css but at this time I am so confused. See the attached image at below so you could have an idea about what I want to make.



    regards,
    Umair Ulhaque

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You could make that with the sliding doors approach.

    If you make a sprite with a tab longer than you will ever need and then underneath on the same spritemake the rollover version. You can then do it all with one image by just showing the various part of the sprite much the same as the article above I linked to.

    There is one awkward part and that is where you have the tabs over a gradient background so you will need to make them transparent which means that you have to make sure the tab image doesn't overlap itself when you apply it or the image underneath shows through in the corners.


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
  •