textarea y el espacio fantasma ... :D
Hay alguna manera de decirle al textArea que no tenga esos 2px de margen que tiene en el borde inferior que conecta con cualquier otro elemento ????
Claro que sin meterlo en un <div> para poner nuevos bordes ...
M'esplicao ... :?
pues pa muestra un botón ...
<code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border: 1px solid #000;
background-color: #999999;
color: #000;
padding:0
margin:0
}
</style>
</head>
<textarea name="areadetexto" ></textarea>
<br />
<textarea name="areadetexto2" ></textarea>
</body>
</html></code>
orange
No es por ser obvio, pero igual si le quitas el <br /> de en medio ...
De todas formas tienes en error de sintanxis en la definición, y no creo que te pille el padding y el margin ... tienes que ponerlo asi:
textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border: 1px solid #000;
background-color: #999999;
color: #000;
padding:0px;
margin:0px;
}
II GemInIs II
El <br /> está porque se comporta como elemento de linea. No tienene nada que ver.
Si es cierto que hay un error de sistaxis ... bueno es que le puse el padding y el margin a 0 para enfatizar el problema que tengo y no presté atención ... pero aún así no soluciona nada ponerlos bien.
Si teneis un momento copiar y pegar el código y vereis que os quiero decir.
Podria hacer una emulación delas cajas con unos <div> pero eso me desmonta otros temas del diseño :(
orange
Esto te lo soluciona en Mozilla:
(he quitado el BR y he puesto el display de los textarea en block)
<textarea name="areadetexto" ></textarea>
<textarea name="areadetexto2" ></textarea>
...............
textarea {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border: 1px solid #000;
background-color: #999999;
color: #000;
padding:0px;
margin:0px;
}
Pero en IE te deja 1px ...
II GemInIs II
ya es un problema deja 2px ...
gracias Orange :D
orange
Pero me da que tiene que ver con el Explorer más que con cómo lo programes ... yo en estos casos me fio más del Mozilla, y en principio doy por bueno lo que hace (además de que el código es lógico) ... tendrás que buscarte algún truquito para que te rule en Explorer
Puede ser que el problema venga dado por la diferente forma en que los navegadores representan el solapamiento de los margenes
II GemInIs II
Voy a solucionarlo, cambiando sensiblemente el diseño del formulario... Asi que esto quedará entre tu y yo ... ;) ...
¿ O quizas deberia evitar testigos ? creo que enviaré a "Antonio Armario Ropero" a hacerte una visita ... :D
...
yo creo que más bien es en como trata el navegador al objeto textArea, más que un problema de solapamiento, de echo el problema es que el objeto textArea incorpora esos dos pixels como parte del elemento.