Buongiorno a tutti! E' probabile che ci sia una sezione dedicata alle presentazioni, ma inglobo tutto qua scusate: mi chiamo Fabio, ho 27 anni e vivo a Udine.
Ho un piccolo problema che però mi sta facendo innervosire e non riesco a risolvere: ho creato una pagina web col classico "contact us", inserendo i vari boxettini per ogni dicitura della sezione (Name, Surname, etc..). I box sono perfettamente allineati e leggibili quando si apre la pagina.
Appena però provo a fare un'anteprima di stampa, questi box non sono più allineati, bensì quasi tutti sfasati e, se possibile, vorrei evitare questo difetto.
Incollo direttamente qua il codice html della pagine e successivamente il CSS di stampa.
HTML (solo la parte riguardante il contact us)
<div id="contenuto">
<form method="post" action="#" id="modulo" class="form">
<fieldset>
<legend>Insert Your Personal Information</legend>
<div>
<br />
<label for="name">Name: </label>
<input type="text" id="name" name="name" />
</div>
<div>
<label for="surname">Surname: </label>
<input type="text" id="surname" name="surname" />
</div>
<div>
<label for="email">e-Mail: </label>
<input type="text" id="email" name="email" />
</div>
<div>
<label for="object">Object: </label>
<input type="text" id="object" name="object" />
</div>
<div>
<label for="msg">Type your question: </label>
<textarea id="msg" name="msg" rows="4" cols="17"></textarea>
<br />
<input type="submit" name="submit" id="submit" value="Submit" />
<input type="reset" id="reset" value="Reset" />
</div>
</fieldset>
</form>
**CSS di Stampa **(copio di seguito tutto il codice, non solo la parte del contact us)
@charset "utf-8";
/* CSS Document Stampa*/
@media print {
.contenitore> img, .ahidden, #menu, #news, #footer, .grid_1, .grid_1_2, #main_application li, h4, #main_research li, #contenuto>.clearfix, .clearfix a {display:none;}
body {
font-size: 10pt;
font-family: Verdana, sans-serif;
color: #333;
width: 70%;
text-align:center;
}
.grid_title>img{ width:95%;}
a {
color: #000000;
text-decoration:none;
}
text-transform:capitalize;
}
.clearfix img{
display:block;
margin-left:140px;
}
#projects_list h4 { font-size:14px;
margin-right:4px;
}
.memcap, .member { display: inline-table; }
.form label{float:left;}
.form input{position: static;}
}
**
CSS **(solo la parte riguardante il contact us)
/* CONTACT*/
.cinfo { font-size: 16px; }
.form{
display: inline-block;
width: 410px;
padding: 15px;
}
form textarea { width: 153px;
margin-left: -64px;
}
label {
float: left;
width: 66px;
font-size: 1.3em;
text-align: right;
color: #000;
margin-top: 10px;
}
input, textarea {
margin-left: -66px;
margin-bottom: 5px;
margin-top: 5px;
}
#submit, #reset { margin: 0px; }
Grazie per l'attenzione e aspetto presto una risposta dagli esperti.
Saluti
Fabio