1 {{ upvoteCount | shortNum }}
1 {{ upvoteCount | shortNum }}

Problem while converting Psd to Html

by erinjnes
1 replies
  • WEB DESIGN
    • |
Hi,
I have attached the pic for what i am looking for.
I am not an expert designer and actually learning designing. I have Psd template of a website and converting it to the Html format. In I have code almost everything well but i am getting issue in Navigation menu. I am using an image at the background of anchor text in the navigation bar. Image is of 25px height and it supposed to be shown on the hover. But i check after applying the css i can see the hover picture with 25px but instead background is stick with the size of actual size of text size of anchor text. Can anyone please help me in this? Thanks in advance.
#converting #html #problem #psd
  • Profile picture of the author fredrikrob
    I cant see the picture you have attached clearly but i have got what you are looking for. For this you must set these css property to the a tag like:
    a {
    display: block; /* as it's the most important may be you are missing this one */
    line-height: 25px; /*as your picture is of 25px height */
    padding: 0px 7px;
    color: gray;
    text-align: center;
    }

    a:hover {
    color: #fff;
    background: url(url of the pic) repeat-x;

    }
    {{ DiscussionBoard.errors[5531056].message }}

Trending Topics