Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309

    Form Grafico, problemi??

    Allora mi spiego mi sono scaricato da questo sito un esempio di form con elementi grafici, vi posto l'immagine e il codice css relativo:
    Codice PHP:
    <style type="text/css">
    body{background#FFF;color: #333;font:76% Verdana,Arial,sans-serif}

    form#contact{width:320px !important;width /**/:350px;
        
    height:275px !importantheight /**/:300px;
        
    margin0;padding15px 15px 10px;
        
    background:#D3FFB6 url(formBk.png) no-repeat}
    label{floatleft;width90px;height30px;
        
    font12px/30px Arial,sans-serif;
        
    margin-right5px;text-alignright;color#666}
    input,textarea,button{border0px solid;color#475078;
        
    font12px Arial,sans-serif}
    div.input-cont{floatleft;width200px;height30px;
        
    background#D3FFB6 url(inputBk.png) no-repeat top left;
        
    margin-bottom3px}
    input{displayblock;width175px;background#FFF;
        
    margin:5px 0 0 10px}
    div.textarea-cont{floatleft;width200px;height170px;
        
    padding1px;background#D3FFB6 url(textAreaBk.png) no-repeat}
    textarea{width170px;height140px;margin10px}
    button#go{float: left;width: 130px;text-align:center;
        
    height:25px !important;height /**/:30px;line-height25px;
        
    displayinline;margin-left:95px;padding1px 0 4px;
        
    background#D5D8E1 url(submitBk.png) no-repeat;
        
    color#000;cursor: pointer}
    </style
    dove ci sono i tag input:
    Codice PHP:
    <div>
        <
    label for="nome">nome: </label>
        <
    div class="input-cont"><input type="text" id="nome" name="nome"></div>
        <
    label for="email">email: </label>
        <
    div class="input-cont"><input type="text" id="email" name="email"></div>
        <
    label for="message">messaggio: </label>
        <
    div class="textarea-cont"><textarea id="message" name="message" rows=9 cols=20></textarea></div>
        <
    button type="submit" id="go" value="invia">invia</button>
      </
    div
    Immagini allegate Immagini allegate
    Ciao By Peter_Pan...

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309
    scusate se riposto ma mi serve un'altra immagine da allegare, il mio piccolo form lo potete vedere in immagine, quello che non riesco a fare è far salire la scritta affianco alla checkbox, mi potete aiutare??
    Codice PHP:
    .TestoLog 
    {
        
    font-family:Arial,Tahoma,Verdana;
        
    font-size:12px;
        
    color:#6479B8;
        
    font-weightbold;
        
    padding-left7px;
        
    padding-right7px;
    }

    label
    {
        
    /*float: left;*/
        
    width160px;
        
    height20px;
        
    font12px Arial,sans-serif;
        
    /*margin-right: 5px;*/
        /*text-align: left;*/
        
    color#666
    }

    input,textarea,button
    {
        
    border0px solid;
        
    color#475078;
        
    font12px Arial,sans-serif;
        
    displayblock;
        
    width140px;
        
    background#FFF;
        
    margin:0px 0 5px 10px
    }

    div.input-cont
    {
        
    floatleft;
        
    width162px;
        
    height15px;
        
    backgroundurl(layout/fondoInput.gifno-repeat top left;
        
    margin-bottom3px
    }

    #cookie
    {
        
    /*display: block;*/
        
    border0px solid;
        
    width14px;
        
    background#D4E2ED;
        
    margin:0px 0 0px 0px

    nell'html
    Codice PHP:
    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#D4E2ED">
                            <
    tr>
                                <
    td class="TitoloFondo">Area Riservata</td>
                            </
    tr>
                            <
    tr>
                                <
    td height="15"></td>
                            </
    tr>
                            <
    tr>
                                <
    td class="TestoLog"><label for="UserName">UserName: </label></td>
                            </
    tr>
                            <
    tr>
                                <
    td class="TestoLog"><div class="input-cont"><input type="text" id="UserName" name="UserName"></div></td>
                            </
    tr>
                            <
    tr>
                                <
    td height="15"></td>
                            </
    tr>
                            <
    tr>
                                <
    td class="TestoLog"><label for="Password">Password: </label></td>
                            </
    tr>
                            <
    tr>
                                <
    td class="TestoLog"><div class="input-cont"><input type="text" id="Password" name="Password"></div></td>
                            </
    tr>
                            <
    tr>
                                <
    td height="15"></td>
                            </
    tr>
                            <
    tr>
                                <
    td class="TestoLog"><input type="checkbox" name="cookie" id="cookie"><label for="cookie">Ricordami su questo PC</label></td>
                            </
    tr>
                            <
    tr>
                                <
    td height="15"></td>
                            </
    tr>
                            <
    tr>
                                <
    td class="TestoLog" align="right"><input type="button" value="Invia" style="width:50px" name=""></td>
                            </
    tr>
                            <
    tr>
                                <
    td height="15"></td>
                            </
    tr>
                        </
    table
    Immagini allegate Immagini allegate
    Ciao By Peter_Pan...

  3. #3
    Utente di HTML.it
    Registrato dal
    Jun 2000
    Messaggi
    1,309
    up, nessuno mi sa dire perchè mai la scritta va a capo??
    Ciao By Peter_Pan...

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.