Foros del Web » Creando para Internet » Diseño web »

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

Estas en el tema de celda de 1 pixel de ancho!! mision imposible... en el foro de Diseño web en Foros del Web. 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.. ...
  #1 (permalink)  
Antiguo 08/02/2006, 02:48
 
Fecha de Ingreso: octubre-2005
Mensajes: 53
Antigüedad: 10 años, 11 meses
Puntos: 1
celda de 1 pixel de ancho!! mision imposible...

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.
  #2 (permalink)  
Antiguo 08/02/2006, 16:12
Avatar de RootK
Moderador
 
Fecha de Ingreso: febrero-2002
Ubicación: México D.F
Mensajes: 8.000
Antigüedad: 14 años, 7 meses
Puntos: 47
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:
<td class="test ">algo</td>
Salu2
__________________
Nadie roba nada ya que en la vida todo se paga . . .

Exentrit - Soluciones SharePoint & Net
  #3 (permalink)  
Antiguo 12/02/2006, 10:50
(Desactivado)
 
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 13 años, 10 meses
Puntos: 317
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
  #4 (permalink)  
Antiguo 14/02/2006, 10:53
Avatar de Acadio  
Fecha de Ingreso: octubre-2005
Mensajes: 48
Antigüedad: 10 años, 10 meses
Puntos: 0
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
  #5 (permalink)  
Antiguo 15/02/2006, 15:16
Avatar de pixelperu  
Fecha de Ingreso: noviembre-2004
Mensajes: 16
Antigüedad: 11 años, 9 meses
Puntos: 0
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:29.