Announcement

Collapse
No announcement yet.

Horizontal Nav Bar from PSD file to CSS

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Horizontal Nav Bar from PSD file to CSS

    I'm designing a web site layout that has unique buttons/text (converted to images) for the navigation menu. I want to implement the unique button in my html/CSS. So, far I've created the web site design in Photoshop and sliced the whole layout including each button and its roller state.

    My problem is that I'm not sure how to translate it into CSS. I know I could make things easier and use a default text for the buttons and code my CSS with the button image. It's just that this has been bugging me for quite awhile and I've been doing extensive research and haven't found a solution which lead me to joining a forum.

    Also, is it too much trouble for browsers to translate?

    I hope someone can help! Thanks!

  • #2
    If your comfortable with writing your own HTML and CSS using a Sprite is the best option.

    Comment


    • #3
      I've seen this before. I just didn't give much attention to it before. Now, it's completely relevant to my problem. Good stuff! Thanks!

      Comment


      • #4
        tZ read my mind. Image sprite with the ul/li combo set to display line.
        Professional Pixel Pusher Designing the world around you. | Working daily to reach 10,000 hours of practice.

        Comment

        Search

        Collapse

        Sponsor

        Collapse

        Incredible Stock

        Latest Topics

        Collapse

        • gilbertonia
          Reply to What makes this ad. design awesome?
          gilbertonia
          It is not perfect in any way. It did grab my attention though and got the message across (the importance of having all the medical information in a hospital in one place (database). The design concept...
          Today, 12:23 AM
        • B
          Reply to What makes this ad. design awesome?
          B
          As a psychotherapist, do you think the rather cold, medical look of the ads you liked, would resonate with your prospective clients? Or would a softer approach that stressed competency, understanding...
          Yesterday, 11:20 PM
        • gilbertonia
          Comment on What makes this ad. design awesome?
          gilbertonia
          You're right. I liked the design concept itself (how it grabbed my attention). I know getting attention is just a start but that much it did.
          Yesterday, 11:11 PM
        • B
          Reply to What makes this ad. design awesome?
          B
          Awesome is whether or not the ads get the result the ads are intended to achieve. What might be awesome for one purpose could easily miss the mark for the next. The aesthetic part of the design, which...
          Yesterday, 11:07 PM
        • gilbertonia
          Reply to What makes this ad. design awesome?
          gilbertonia
          Thank you ! Please show me some ad. designs that you personally think are awesome. I'm curious..
          Yesterday, 10:58 PM
        GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
        Working...
        X