My buy now images are displaying weird - need advice

Discussion in 'HTML & Website Design' started by Floridasites, Oct 7, 2007.

  1. #1
    Hi All,

    I am working on this simple site as a favor.
    I added a buy it now paypal button onto the page.

    For some odd reason, the buy now button is displaying very big even though I put the attributes as width="51" height="13".

    I don't have a special .css file on this , what do you think is happening. This is puzzling me. This might be a simple cause but right now, i can't seem to find it, maybe coz its already midnight. :)

    here is the site link : http://www.reeldealent.com/videos_missdream06.htm

    Anyway, your input is appreciated. :D
     
    Floridasites, Oct 7, 2007 IP
  2. soulscratch

    soulscratch Well-Known Member

    Messages:
    964
    Likes Received:
    45
    Best Answers:
    0
    Trophy Points:
    155
    #2
    It's because they're inputs and the styles that you're feeding to all inputs (via input { }) override the width and height attributes on the elements (your rules exceed the dimensions of your image inputs).

    Give those inputs a specific class like buynow and do something like..

    
    input.buynow { width:51px; height:13px; border:0; padding:0; }
    
    Code (markup):
    Remember to place the rule after the regular input{} rule.
     
    soulscratch, Oct 7, 2007 IP
  3. Floridasites

    Floridasites Peon

    Messages:
    141
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    SoulScratch, thanks for the advice.

    I see it now and made the proper changes. I overlooked my attributes and my .css .. thanks again.
     
    Floridasites, Oct 7, 2007 IP