[Ovillo] Visualización de formulario en Firefox
Verónica Fernández
veritofr en gmail.com
Mie Jul 19 18:59:47 UTC 2006
Hola a Todos!!!
Abajo les copio el código de un formulario que he hecho con css, en el IE no
tengo problemas pero cuando lo veo en el Firefox, parte del formulario pisa
por afuera el div contenido y por ende el div que tengo como footer que es
donde tengo incluido el formulario. Espero puedan ayudarme, Saludos! Vero
<form action="gracias.php" method="post" enctype="multipart/form-data"
name="traductores" target="_self" id="traductores"
onsubmit="MM_validateForm('nombre2','','R','apellido2','','R','adress','','R','email','','RisEmail','ciudad','','R','pais','','R','telefono','','R','fax','','R','language','','R');return
document.MM_returnValue">
<p></p>
<h3>1. Información personal:</h3>
<p></p>
<p align="left">
<label for="name2">Nombre:</label></td>
<input name="nombre2" type="text" class="campo" id="nombre2" size="27"
/>
(*)</p>
<p align="left">
<label for="surname2">Apellido:</label>
<input name="apellido2" type="text" class="campo" id="apellido2"
size="27">
(*)</p>
<p align="left">
<label for="sex">Sexo:</label>
<label for="masculino"><strong>Masculino</strong>:</label>
<input type="radio" name="sexo" value="M">
<label for="femenino"><strong>Femenino</strong>:</label><input
type="radio" name="sexo" value="F"></p>
<p align="left">
<label for="direccion">Dirección:</label>
<input name="adress" type="text" class="campo" id="adress" size="25">
(*)</p>
<p align="left">
<label for="correo">Email:</label>
<input name="email" type="text" class="campo" id="email" size="28">
(*)</p>
<p align="left">
<label for="city">Ciudad:</label>
<input name="ciudad" type="text" class="campo" id="ciudad" size="27">
(*)</p>
<p align="left">
<label for="country">País:</label>
<input name="pais" type="text" class="campo" id="pais" size="29">
(*)</p>
<p align="left">
<label for="telephone">Teléfono:</label>
<input name="telefono" type="text" class="campo" id="telefono"
size="25">
(*)</p>
<p align="left">
<label for="paper">Fax:</label>
<input name="fax" type="text" class="campo" id="fax" size="29">
(*)</p>
<p></p>
<p>En caso de poseer sitio web escriba aquí su URL.</p>
<p><input name="web" type="text" class="campo" id="web" value="http://"
size="35"></p>
<p></p>
<h3>2. Información complementaria:</h3>
<p></p>
<p><label for="lengua">Lengua materna:</label></td>
<td><input name="language" type="text" class="campo" id="language"
size="25">
(*)</p>
<p><label for="moneda">Moneda:</label>
<label for="dolar"><strong>Dólares</strong>:</label>
<input type="radio" name="money" value="dolares">
<label for="euro"><strong>Euros</strong>:</label><input type="radio"
name="money" value="euro">
<label for="peso"><strong>Pesos Argentinos</strong>:</label><input
type="radio" name="money" value="pesos"></p>
<h4>a)Combinación de lenguas:</h4>
<p>De <select name="idioma" size="1">
<option selected>Elija un idioma</option>
<option value="inglés" class="uno">inglés</option>
<option value="español" class="uno">español</option>
<option value="italiano" class="uno">italiano</option>
<option value="francés" class="uno">francés</option>
<option value="alemán" class="uno">alemán</option>
<option value="portugués" class="uno">portugués</option>
</select>
para <select name="idiomados" size="1">
<option selected>Elija un idioma</option>
<option value="inglés" class="uno">inglés</option>
<option value="español" class="uno">español</option>
<option value="italiano" class="uno">italiano</option>
<option value="francés" class="uno">francés</option>
<option value="alemán" class="uno">alemán</option>
<option value="portugués" class="uno">portugués</option>
</select></p>
<p>
<p><label for="tarifa">Tarifa:</label>
<input name="costo" type="text" class="campo" id="costo" size="5">
(por palabra fuente)
<label for="tarifados">Tarifa por corrección:</label>
<input name="costodos" type="text" class="campo" id="costodos" size="5">
</br>
<label for="tarifatres">Tarifa por hora de trabajo en DTP:</label>
<input name="costotres" type="text" class="campo" id="costotres" size="5">
</p>
</p>
<h4>b)Combinación de lenguas:</h4>
<p>De <select name="idiomatres" size="1">
<option selected>Elija un idioma</option>
<option value="inglés" class="uno">inglés</option>
<option value="español" class="uno">español</option>
<option value="italiano" class="uno">italiano</option>
<option value="francés" class="uno">francés</option>
<option value="alemán" class="uno">alemán</option>
<option value="portugués" class="uno">portugués</option>
</select>
para <select name="idiomacuatro" size="1">
<option selected>Elija un idioma</option>
<option value="inglés" class="uno">inglés</option>
<option value="español" class="uno">español</option>
<option value="italiano" class="uno">italiano</option>
<option value="francés" class="uno">francés</option>
<option value="alemán" class="uno">alemán</option>
<option value="portugués" class="uno">portugués</option>
</select></p>
<p>
<p><label for="tarifacuatro">Tarifa:</label>
<input name="costocuatro" type="text" class="campo" id="costocuatro"
size="5">
(por palabra fuente)
<label for="tarifacinco">Tarifa por corrección:</label>
<input name="costocinco" type="text" class="campo" id="costocinco"
size="5">
</br>
<label for="tarifaseis">Tarifa por hora de trabajo en DTP:</label>
<input name="costoseis" type="text" class="campo" id="costoseis" size="5">
</p>
</p>
<h4>Tipo de servicios ofrecidos:</h4>
<p>
<p>Traductor <input type="checkbox" name="traductor"
value="yes">Proofreader<input type="checkbox" name="proofreader"
value="yes">Editor<input type="checkbox" name="editor"
value="yes">Webmaster<input type="checkbox" name="webmaster"
value="yes">Enseñanza<input type="checkbox" name="ensenanza"
value="yes"></br>Intérprete<input type="checkbox" name="interprete"
value="yes">Corrección de estilo<input type="checkbox" name="corrector"
value="yes"></p>
</p>
<h4>Areas de experiencia:</h4>
<p>
<p>Legal en general<input type="checkbox" name="legal"
value="yes">Técnico<input type="checkbox" name="tecnico"
value="yes">Ciencias médicas<input type="checkbox" name="medicina"
value="yes"></br>Literario<input type="checkbox" name="literario"
value="yes">Psicología<input type="checkbox" name="psicologia"
value="yes">Ciencias sociales<input type="checkbox" name="sociales"
value="yes">Computación<input type="checkbox" name="computacion"
value="yes">Otras<input type="checkbox" name="otras" value="yes"></p>
</p>
<p>
<p><label for="universitario">Título universitario en
traducción:</label>
<label for="si"><strong>Sí</strong>:</label>
<input type="radio" name="titulo" value="S">
<label for="no"><strong>No</strong>:</label><input type="radio"
name="titulo" value="N"></p>
</p>
<h4>Software que maneja:</h4>
<p>
<p>Word<input type="checkbox" name="word" value="yes">Excel<input
type="checkbox" name="excel" value="yes">Powerpoint<input type="checkbox"
name="powerpoint" value="yes">Acrobat Professional<input type="checkbox"
name="acrobat" value="yes"></br>Quark Press<input type="checkbox"
name="quark" value="yes">FrameMaker<input type="checkbox" name="framemaker"
value="yes">Illustrator<input type="checkbox" name="illustrator"
value="yes">Photoshop<input type="checkbox" name="photoshop"
value="yes"></br>InDesign<input type="checkbox" name="indesign"
value="yes">Page Maker<input type="checkbox" name="pagemaker"
value="yes">Dreamweaver<input type="checkbox" name="dreamweaver"
value="yes">Html<input type="checkbox" name="html" value="yes"></p>
</p>
<h4>Herramientas CAT que utiliza:</h4>
<p>
<p>Trados<input type="checkbox" name="trados" value="yes">Wordfast<input
type="checkbox" name="wordfast" value="yes">Deja Vu<input type="checkbox"
name="dejavu" value="yes">SDLX<input type="checkbox" name="sdlx"
value="yes"></p>
<p><h3>3. Información sobre pago:</h3></p>
<h4>Método de pago que prefiere:</h4>
<p>Paypal<input type="checkbox" name="paypal" value="yes">
Moneybookers <input type="checkbox" name="moneybookers" value="yes">
Transferencia bancaria <input type="checkbox" name="transferencia"
value="yes">Cheque <input type="checkbox" name="cheque" value="yes"></p>
<p>Información bancaria: (IBAN/SWIFT-BIC). Si acepta pagos vía Paypal o
Moneybookers, especifique el email y número a utilizar en caso de pago:</p>
<p>
<strong>Puede pegar aquí su curriculum o adjuntarlo
en un mail en la siguiente pantalla.</strong></p>
<p><textarea name="mensajedos" cols="45" rows="8" class="campo"
id="mensajedos" >
</textarea></p>
<p><input type="submit" name="boton_enviardos" class="campo"
id="boton_enviardos" value="Enviar">
<input type="reset" id="boton_borrardos" value="Borrar"
class="campo"></p>
</form>
<div align="right"><br />
<a href="../compromiso_y_calidad.htm" target="_self"
class="icono">Compromiso y confidencialidad</a> </div>
<br /><br /><br /><br /><br />
</div>
Más información sobre la lista de distribución Ovillo