1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Unble to get the right design while converting psd to html

Discussion in 'HTML & Website Design' started by erinjnes, Jan 31, 2012.

  1. #1
    menu.JPG

    I have uploaded the picture above that what i want but unable to make it. 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.
     

    Attached Files:

    erinjnes, Jan 31, 2012 IP
  2. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #2
    You say you have uploaded this do you have the URL?
     
    Toycel, Jan 31, 2012 IP
  3. aidanriley

    aidanriley Banned

    Messages:
    34
    Likes Received:
    0
    Best Answers:
    1
    Trophy Points:
    51
    #3
    Did you set a:hover to the right size? Do you have the code so we can see?
     
    aidanriley, Jan 31, 2012 IP
  4. fredrikrob

    fredrikrob Peon

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    As i can see in the attached picture that background picture is set to a:hover so in this case you have set the background picture for hover. As background on hover is fixing with text size. So in that case you must set display: block because A tag is an inline tag which needs to be set as block. Hopefully it will work. It will be good if you can share the css code you have used to find out the exact issue.
     
    fredrikrob, Feb 1, 2012 IP
  5. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #5
    @fredrikrob you can tell the code from a picture!? My god you are good....
     
    Toycel, Feb 1, 2012 IP
  6. DevN

    DevN Greenhorn

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #6
    It will be better if you can explain your problem showing your code else this has to be a hit and try
     
    DevN, Feb 1, 2012 IP