• User

    CSS modulo forms contatti

    Ho trovato su internet questo codice per il forms di contatti. Come sviluppo il relativo CSS ora?

    [PHP]<!-- .Stile7 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; } body,td,th { color: #999999; } body { background-color: #FFFFFF; margin-left: 0px; margin-top: 0px; } .Stile8 {color: #666666} --> <form action="/sendmail/mandamail.php" method="post"> <input name="redirect" type="hidden" value="sitoname.conferma.html" /> <input name="subject" type="hidden" value="Richiesta dal sito lucadorigo.com" />
    <table style="width: 550px;" border="0" cellspacing="2" cellpadding="0" align="left" bgcolor="#ffffff">
    <tbody>
    <tr>
    <td>
    <table style="width: 100%;" border="0" cellspacing="1" cellpadding="0" bgcolor="#ffffff">
    <tbody>
    <tr bgcolor="#17252E">
    <td>
    <script type="text/JavaScript">// <![CDATA[
    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d)&&d.all) x=d.all; for (i=0;!x&&i<d.forms.length;i++) x=d.forms*;
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers*.document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_validateForm() { //v4.0
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args*);
    if (val) { nm=val.name; if ((val=val.value)!="") {
    if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
    if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
    } else if (test!='R') { num = parseFloat(val);
    if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
    if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
    min=test.substring(8,p); max=test.substring(p+1);
    if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
    }
    // ]]></script>
    <div class="links">
    <table style="width: 100%;" border="0" cellspacing="2" cellpadding="2" bgcolor="#ffffff">
    <tbody>
    <tr align="middle" valign="center">
    <td>
    <table border="0" cellspacing="1" cellpadding="0">
    <tbody>
    <tr>
    <td align="left" valign="top" bgcolor="#ffffff">
    <table border="0" cellspacing="3" cellpadding="3" align="center" bgcolor="#ffffff">
    <tbody>
    <tr valign="baseline">
    <td class="textBold" width="172" align="right" valign="center"></td>
    <td width="379" valign="center"><img src="personal_info.jpg" border="0" width="180" height="19" /></td>
    </tr>
    <tr valign="baseline">
    <td class="textBold" align="right" valign="center"><span class="Stile7">*EMAIL: </span></td>
    <td valign="center"><input id="EVE_EMAIL" class="form" name="email" size="45" /></td>
    </tr>
    <tr valign="baseline">
    <td class="textBold" align="right" valign="center"><span class="Stile7">*NAME/NOME :</span></td>
    <td valign="center"><input class="form" maxlength="60" name="nome" size="45" /></td>
    </tr>
    <tr valign="baseline">
    <td class="textBold" align="right" valign="center"><span class="Stile7">SURNAME/COGNOME:</span></td>
    <td valign="center"><input id="EVE_LOCATION" class="form" maxlength="60" name="cognome" size="45" /></td>
    </tr>
    <tr>
    <td class="textBold" align="right" valign="top"><span class="Stile7">NOTES/NOTE:</span></td>
    <td valign="baseline"><textarea class="form" cols="36." rows="10" name="note"></textarea></td>
    </tr>
    <tr valign="baseline">
    <td colspan="2" align="right">
    <div>
    <p><span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><span class="Stile8">Cliccando su Invia acconsenti al trattamento dei dati personali, legge 196/2003</span></span><span style="font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: xx-small;"><br /> <br /> </span></p>
    </div>
    </td>
    </tr>
    <tr valign="baseline">
    <td align="right"></td>
    <td>
    <div>
    <p><input id="submit2" class="form" onclick="MM_validateForm('EVE_EMAIL','','RisEmail','EVE_EMAIL2','','R','EVE_NAME','','R','EVE_LOCATION','','R','EVE_INDIRIZZOPR','','R','EVE_CITTAPR','','R','EVE_TELPR','','NisNum','EVE_CELLPR','','RisNum','EVE_FAXPR','','NisNum','EVE_EVENT','','R','EVE_ORA','','R','EVE_CLUB','','R','EVE_INDIRIZZO','','R','EVE_CITTA','','R');return document.MM_returnValue" name="submit" type="submit" value="INVIA" /> <input name="MM_insert" type="hidden" value="submit" /></p>
    <p>
    </p>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </form>[/PHP]


  • User Attivo

    Beh dipende da cosa vuoi farci, se vuoi "contornarlo" con delle immagini o modificare i vari font usi il css, se vuoi semplicemente spostarlo a sinistra penso basti modificare i vari "center" nel codice html del form!


  • User

    Nel mio sito si vede male: revolutiondj.altervista.org/website/contatti.html

    E' costruito con Joomla e ho inserito il codice in un Modulo HTML Personalizzato


  • User Attivo

    Con Chrome mi sembra tutto a posto!


  • User

    L'ho modificato! non sto usando più questo, ma quello di ClaudioWeb(moderatore della sezione HTML)