how do you put an input box over img and then map img

Discussion in 'HTML & Website Design' started by CoLorZz, Nov 12, 2012.

0
  1. #1
    i am just wondering how to put an input box over an img than map it because i want to make a calculator for fun but this is a road block for me anyone have any ideas?
     
    CoLorZz, Nov 12, 2012 IP
  2. wizardofx

    wizardofx Well-Known Member

    Messages:
    572
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    140
    #2
    Mapping the image will break it up into small clickable domains, right? Then put the input box at each of the segments.

    wiz
     
    wizardofx, Nov 13, 2012 IP
  3. monkeylavender

    monkeylavender Greenhorn

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    Why not use a background image on the input field?
     
    monkeylavender, Nov 13, 2012 IP
  4. The Webmaster

    The Webmaster IdeasOfOne

    Messages:
    9,516
    Likes Received:
    718
    Best Answers:
    0
    Trophy Points:
    360
    #4
    I guess you want to have an image to serve as buttons for the calculator.. You can use <map> tag for it - http://www.w3schools.com/tags/tag_map.asp

    To place the input box over image, use CSS property position:absolute and then give it left and top positions: http://www.w3schools.com/cssref/pr_class_position.asp
     
    The Webmaster, Nov 13, 2012 IP
    ryan_uk likes this.
  5. CoLorZz

    CoLorZz Peon

    Messages:
    7
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    thx guys for the help ,, im going to post my calculator for you guys to see soon as soon as i finish it :D
     
    CoLorZz, Nov 13, 2012 IP