Jump to content


Photo

Problem while converting Psd to Html.


Best Answer fredrikrob, 30 January 2012 - 02:15 PM

It will be nice if you can share your Css code with this post. So we can find out where you are doing wrong. But i will suggest you that please try to use "display: block" and "line-height: 25px" in your css file for the specific a tag. As i have already have gone through the same issue. Go to the full post


  • This topic is locked This topic is locked
4 replies to this topic

#1 erinjnes

erinjnes

    Newbie

  • New Members
  • Pip
  • 2 posts

Posted 30 January 2012 - 02:10 PM

Hi,

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.



#2 fredrikrob

fredrikrob

    Member

  • Members
  • PipPip
  • 25 posts

Posted 30 January 2012 - 02:15 PM   Best Answer

It will be nice if you can share your Css code with this post. So we can find out where you are doing wrong. But i will suggest you that please try to use "display: block" and "line-height: 25px" in your css file for the specific a tag. As i have already have gone through the same issue.

#3 erinjnes

erinjnes

    Newbie

  • New Members
  • Pip
  • 2 posts

Posted 30 January 2012 - 02:26 PM

Thanks Fred , i think it's working fine now. I was not using display: block , but now it's fixed all because of you.

#4 albertarnnis

albertarnnis

    Newbie

  • New Members
  • Pip
  • 1 posts

Posted 23 January 2014 - 04:39 AM

You have to simply apply these code ...

 

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;

}

 

====================

 

If still your problem presist then visit us. psd converter  |  psd to html service



#5 Maq

Maq

    Advanced Member

  • Moderators
  • 9,361 posts
  • LocationPennsylvania, USA

Posted 24 January 2014 - 01:44 PM

Don't bump old threads and don't self promote.


tjmothy

ini_set ("display_errors", "1");
error_reporting(E_ALL);




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com