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

        Advertisement

        Collapse

        Latest Topics

        Collapse

        • Tuan
          Does anyone design T-Shirts and have their E-Store?
          Tuan
          Id like to use my free time when I'm off work/over the weekends to make some extra income. Looking for something that I don't need to invest too much money on... only time. I don't want a part time job...
          Today, 06:38 PM
        • MumboJum73
          Reply to b2 business card grid
          MumboJum73
          haha that's hilarious. I taught a University Graduate how to read a ruler once...made me feel so smart! she had simple never been shown.lol

          http://digitallizard.com/ --- I don't know what...
          Today, 06:12 PM
        • pilotguy251
          Tips on a redesign of my logo/watermark?
          pilotguy251
          Hey guys, a few years ago I created this logo/watermark for the purpose of overlaying over my YouTube videos and photos on my Flickr. My skills were pretty basic back then, and have improved a little...
          Today, 05:14 PM
        • MumboJum73
          Reply to Looking for some feedback
          MumboJum73
          Slab Serifs can work for this but watch when you run the serifs together and the shapes they create. The negative space of these kinds of heavy fonts play a big part in the overall look. I would get away...
          Today, 04:55 PM
        • calebninja
          Reply to Help with the lost website!
          calebninja
          The FTP log in will be different than the Wordpress log in and usually will require a host name, user name, and password. If you don't have that information then you're out of luck because you cannot...
          Today, 04:47 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