Cia a tutti!
spero di non essere ripetitivo!
Il mio problema è che ho scaricato da internet un form molto carino che permette all'utente di contattarmi.
Questo form si appoggia ad un file .css esterno che formatta tutto, dalla tabella al testo etc e che deve essere richiamato nella parte <head>.
Il mio problema è che vorrei che le dichiarazioni del file css intervenissero solo nella parte dove è presente il form e non per tutta la pagina perchè mi sfalsa tutto!
Inserisco il file .css:
e anche il file in htm con il form da compilare:codice:body { font:12px/1.3 Arial, Sans-serif; } form { width:300px; padding:0 150px 20px; margin:auto; background:#f7f7f7; border:1px solid #ddd; } div { clear:both; position:relative; margin:30px 0px 25px; } label { cursor:pointer;display:block; } input[type="text"], textarea { width:300px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; } input[type="text"]:focus { border-color:#777; } input[name="zip"] { width:150px; } /* submit button */ input[type="submit"] { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee; } input[type="submit"]:hover, input[type="submit"]:focus { border-color:#333;background:#ddd; } input[type="submit"]:active { margin-top:1px; }
Qualcuno mi potrebbe dare una mano?codice:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Contatti</title> <link rel="stylesheet" type="text/css" href="slidinglabels.css"> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1");</script> <script type="text/javascript" src="slidinglabels.js"></script> </head> <body> </p> <form action="invio.php" method="post" id="info"> <div id="name-wrap" class="slider"> <label for="name">Nome e Cognome:</label> <input type="text" id="name" name="name"> </div> <div id="email-wrap" class="slider"> <label for="email">Email:</label> <input type="text" id="email" name="email"> </div> <div id="tel-wrap" class="slider"> <label for="tel">Recapito Telefonico:</label> <input type="text" id="tel" name="tel"> </div> <div id="date-wrap" class="slider"> <label for="date">Data Prenotazione:</label> <input type="text" id="date" name="date"> </div> <div id="people-wrap" class="slider"> <label for="people">Num Persone:</label> <input type="text" id="people" name="people"> </div> <div id="text-wrap" class="slider"> <label for="text">Richiesta Particolari:</label> <textarea cols="53" rows="6" id="text" name="text"></textarea> </div> <input type="submit" id="submit" name="submit" value="Invia Richiesta"> </form> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-875557-1"); pageTracker._trackPageview(); } catch(err) {}</script> </p> </body> </html>
Ringrazio anticipatamente tutti!
Ciao ciao
Rispondi quotando