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

        • HotButton
          Reply to Resizing images
          HotButton
          Why? How were those dimensions decided?

          If the subject is golf carts, which are essentially square from every angle, then images of 3.x to 1 aspect ratio are a bad plan.

          You're...
          Today, 10:54 AM
        • Obsidian86
          Dropbox hacked
          Obsidian86
          Drop box was recently hacked. A reported 68 million user's passwords have been released on the internet. Not counting the people that keep other information like passwords in files in their dropbox a...
          Today, 10:51 AM
        • KitchWitch
          Reply to Resizing images
          KitchWitch
          Hi Diamondmaxx and welcome to GDF.

          We ask all new members to read very important links here and here. These explain the rules, how the forum runs and a few inside jokes. No, you haven't...
          Today, 10:45 AM
        • diamondmaxx
          Resizing images
          diamondmaxx
          New to graphics and web design and am confused. I need my images to be 974 x 294 for a slideshow. The images my customer is giving me are various sizes but here is an example of one - 300 dpi and 5760...
          Today, 10:41 AM
        • designzombie
          Reply to OSX Sierra
          designzombie
          I would love to be able to use my computer entirely with my voice. I work from home and mostly work with text. It would be nice if my computer accurately understood what I was telling it to do without...
          Today, 10:37 AM

        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