Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

form on top of imagemap

By: a guest on Jan 22nd, 2013  |  syntax: HTML  |  size: 2.83 KB  |  hits: 8  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2.     <head>
  3.         <style>
  4.  
  5.             A:link
  6.             { text-decoration: none; color: black; cursor:crosshair; }
  7.             A:visited
  8.             { text-decoration: none; cursor:crosshair; color: black; }
  9.             A:active
  10.             { text-decoration: none; cursor:crosshair; color:black; }
  11.             A:hover {
  12.                 text-decoration: none; color: #705551; background-color:black; font weight:none; cursor:help;}
  13.  
  14.             body
  15.             { background: #c0c2c3;
  16.               font-family: georgia;
  17.               color: #4a458d;
  18.               font-size: 10pt;
  19.               cursor: s-resize;
  20.             }
  21.  
  22.             td
  23.             { font-family: Verdana;
  24.               font-size: 10px;
  25.               color: #4a458d;
  26.               cursor: crosshair;
  27.               text-align: left;
  28.               margin: 0px;}
  29.             }
  30.  
  31.             textarea, input, select {
  32.                 font-family : trebuchet ms;
  33.                 font-size: 10px;
  34.                 color:#4a458d;
  35.                 cursor: crosshair;
  36.                 border-color: silver;
  37.                 border-style: solid;
  38.                 border-top-width: 1px;
  39.                 border-left-width: 1px;
  40.                 border-right-width: 1px;
  41.                 border-bottom-width: 1px;
  42.             }
  43.  
  44.  
  45.             .head
  46.             {font-family: georgia;
  47.              font-weight: none;
  48.              letter-spacing:-3px;
  49.              font-size: 17pt;
  50.              line-height: 16pt;
  51.              color: #48457b;
  52.              border-top: 0px solid;
  53.              border-bottom: 1px solid black;
  54.              border-right: 0px solid;
  55.              border-color: none;
  56.              background-color:#c0c2c3;
  57.              text-align: left;
  58.              text-transform: uppercase;
  59.             }
  60.  
  61.             .head2
  62.             {font-family: georgia;
  63.              font-weight: none;
  64.              letter-spacing:2px;
  65.              font-size: 7pt;
  66.              line-height: 10pt;
  67.              color: #443f80;
  68.              border-top: 0px solid;
  69.              border-bottom: 1px solid black;
  70.              border-right: 0px solid;
  71.              border-color: none;
  72.              background-color:#c0c2c3;
  73.              text-align: left;
  74.              text-transform: none;
  75.             }
  76.  
  77.             #myMap {
  78.                 position: absolute;
  79.                 left:0;
  80.                 top: 0;
  81.                 border:0;
  82.                 z-index:-999;
  83.             }
  84.         </style>
  85.     </head>
  86.     <body>
  87.         <img id="myMap" src="http://earth.imagico.de/5gp/img/5gp_800.jpg" usemap="#Map1">
  88.         <map id="Map1" name="Map1">
  89.             <area shape="rect" coords="136,331,211,351" name="home" a href="home.php">
  90.             <area shape="rect" coords="136,379,244,400" name="aboutus" a href="aboutus.php">
  91.             <area shape="rect" coords="136,426,247,447" name="calculate" a href="">
  92.             <area shape="rect" coords="136,475,262,495" name="contactus" a href="">
  93.  
  94.             <form method="post" action="checklogin.php">
  95.                 <table width="450" height="88" border="0" align="left">
  96.                     <tr>
  97.                         <td width="180">Enter your email</td>
  98.                         <td width="270">
  99.                             <input name="email" type="text" size="30" /></td>
  100.                     <tr>
  101.                         <td>Enter your password</td>
  102.                         <td><input type="password" name="password" type="text" size="30" /></td></tr>
  103.  
  104.                     <tr><td colspan="2"><input type="submit" name="Submit" value="Login" /></td></tr></table>
  105.  
  106.             </form>
  107.  
  108.     </body>
  109. </html>
create a new version of this paste RAW Paste Data