celda de 1 pixel de ancho!! mision imposible...

vic4ever · #1 (**permalink**) 08/02/2006, 03:48

Hola..

bien, estoy haciendo una tablita sencilla, y quiero poner unas filas a modo de separador con una imagen de fondo y 1px de ancho.. seria una cosa asi.

Código PHP:

  <tr> 
     <td background="img/separador.gif" height="1px"></td> 
</tr>

pues bien, en el querido explorer funciona muy bien.. y me sale de un px de grosor, pero en el amigo mozilla y compañia sale una pedazo linea gorda!!!

como demonios le digo al mozilla que quiero una celda de 1 px de grosor??

ya siento si parece una tonteria la pregunta.. pero no doy con ello..

saludos y gracias.

RootK · #2 (**permalink**) 08/02/2006, 17:12

Porque no lo haces mejor con CSS directamente para que sea mas sencillo y compatible..

Intenta con ésto:

Cita:

test {
background-image: url(img/separador.gif)
border-bottom: 1px Solid #000;
}

y lo llamas:

Cita:

Salu2

furoya · #3 (**permalink**) 12/02/2006, 11:50

Hola vic4ever , RootK :

De podría usar los bordes de la celda para hacer una línea. Porque si la imagen tiene diseño, en 1 pixel igual no se va a notar.
Puede que el navegador esté guardando el espacio para un texto; con font-size:1px debería ser suficiente.

forzar un height

Acadio · #4 (**permalink**) 14/02/2006, 11:53

Hola.
En vez de ponerlo como una imagen de fondo, la manera de poder hacer que una fila haga visualmente menos de unos 20 px, es haciendo lo mismo pero poniendo la imagen dentro de el <td> asi:

<td height="1"><img src="imagen1pix.gif " height="1"></td>

Para que no se vea la imagen haces un gif transparente, no te olvides de poner la altura al <td>.

X cierto no es una tonteria, Yo lo uso mucho, a veces es imprescindible!

Un saludo

pixelperu · #5 (**permalink**) 15/02/2006, 16:16

Por las respuestas se puede notar que CSS no se le cocina a nadie asi tan fàcilmente.
Y es el tema de la costumbre el que prima.
Ya lo estamos viendo ahora que Christian Van Der Henst se encuentra de visita en el Perù y estamos tocando los temas de usabilidad, accesibilidad y lo de las comunidades virtuales... mucho cuentan las costumbres y es algo que tenemos que cambiar.

La codificacion CSS es sencilla, te recomiendo visites el web de Ovillo (ovillo.org) o el de Alzado (alzado.org)

Una vez que le agarres el hilo al CSS seràs uno màs de la comunidad que se decidiò por lo mejor.
Las tablas sirven para datos tabulares, el CSS para maquetar.

Saludos cordiales