Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    footer spostato - allineato con css

    Ciao,

    ho questo codice:

    --------------------------------------

    <style type="text/css">

    #body {
    margin: 0pt;
    background-color:#ffffff;
    /*alink:#ff00ff;
    link:#0000ff;
    vlink:#ff0000;*/
    height:80%;
    width:680px;
    float: left;
    top: 170px;
    margin-left:35px;
    position:absolute;
    }



    #footer {
    z-index:2;
    visibility:visible;
    margin: 0pt;
    margin-left:0px;
    top:100%;
    width:681px;
    height:5px;
    color:#000000;
    background-color:#1661a0;
    position:absolute;
    }


    .testo_bianco_bold {
    font-size : 10pt ;
    font-family: Verdana,Arial;
    color: #FFFFFF;
    font-weight: bold;
    }


    form {
    padding: 0;
    margin: 0;
    }

    </style>

    </head>

    <body>


    <div id = "body">




    <b class='testo'>Compila la form che trovi qui sotto per richiedere una

    valutazione gratuita e senza impegno, del tuo immobile.[/b]




    <form class='form' name="segnala" action="valutazione_invio.asp?lang=it"

    method="post">
    <table width="60%" border='0' align="left">
    <tr>
    <td>
    <b class='testo'>Nome*:[/b]</td>
    <td><input type="textbox" name="nome" size="10" MAXLENGTH='20'></td>
    </tr>
    <tr>
    <td><b class='testo'>Cognome*:[/b]</td>
    <td><input type="textbox" name="cognome" size="10" MAXLENGTH='20'></td>
    </tr>
    <tr>
    <td><b class='testo'>Recapito telefonico 1*:[/b]</td>
    <td><input type="textbox" name="tel1" size="10" MAXLENGTH='20'></td>
    </tr>
    <tr>
    <td><b class='testo' >Recapito telefonico 2:[/b]</td>
    <td><input type="textbox" name="tel2" size="10" MAXLENGTH='20'></td>
    </tr>
    <tr>
    <td><b class='testo'>Email*:[/b]</td>
    <td><input type="textbox" name="email" size="10" MAXLENGTH='30'></td>
    </tr>
    <tr>
    <td><b class='testo'>Tipo immobile*:[/b]</td>
    <td><b class='testo'><input type="textbox">[/b]</td>
    </tr>
    </table>
    </form>

    PROVA



    <div id="footer"></div>


    </div>
    </body>
    </html>

    ----------------------------------------


    Il footer, mi resta spostato e tutto quello che scrivo dopo la form, prima del footer, viene inserito affianco alla tabella della form, qualcuno sa indicarmi dove sbaglio e cosa?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di Angarat
    Registrato dal
    Nov 2003
    Messaggi
    157
    per allineare il footer a sinistra ti basta :

    codice:
    #footer {
    	z-index:2;
    	visibility:visible;
    	margin: 0pt;
    	margin-left:0px;
    	top:100%;
    	width:681px;
    	height:5px;
    	color:#000000;
    	background-color:#1661a0;
    	position:absolute;
    	left: 0px; 
    }

  3. #3
    si ok grazie ma rsta il problema che quello che scrivo dopo il tag di chiusura della form, va a destra invece che sotto...

    grazie

  4. #4
    stai facendo un po' di confusione, devi pensare che con i css si gestisce tutto ciò che é la presentazione, lasciando così all'xhtml o html il ruolo originario, oveero quello di mark up.
    Ho visto parecchi errori (sotto questo punto di vista) nel codice da te postato..

  5. #5
    ma non credo di aver capito a che tipo di errori ti riferisci, comunque il problema che non capisco è perchè quello che scrivo dopo la chiusura della form, non va sotto la tabella della form, ma accanto...

    grazie

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 © 2025 vBulletin Solutions, Inc. All rights reserved.