Foros del Web » Creando para Internet » HTML »

imagenes en esquinas de filas

Estas en el tema de imagenes en esquinas de filas en el foro de HTML en Foros del Web. Hola, estoy haciendo una página web usando filas definidas con "div" y css. Básicamente consta de varias filas, algunas con varias celdas, y dentro de ...
  #1 (permalink)  
Antiguo 22/10/2004, 04:34
 
Fecha de Ingreso: septiembre-2003
Mensajes: 82
Antigüedad: 20 años, 7 meses
Puntos: 0
Pregunta imagenes en esquinas de filas

Hola,

estoy haciendo una página web usando filas definidas con "div" y css.
Básicamente consta de varias filas, algunas con varias celdas, y dentro de ellas va algun componente PHP.

Pero tanto la primera como la última fila están divididas en 3 celdas, y el la celda 1 y 3 de cada fila pusa una imagen (via css) para simular los bordes redondos de la tabla.

En el css tanto "widht" como "height" estaban definidos a 31px, y las imágenes son cuadradas de 31px por 31px.
Pero al ver la tabla con IE6, Firefox 0.9 y Opera 7.54 veo que los dos últimos browser no rellenaban completamente la celda con la imagen, y dejaban una rendija de 1 o 2 pixels de ancho, a veces debajo de la imagen, y a veces al costado de la misma (dependiendo del browser).

Entonces tomé las celdas 1 y 3 de la fila superior y fui variando en el CSS el ancho y alto de ellas hasta que la rendija se eliminó en los 3 browsers.
Pero cuando intenté hacer lo mismo con la fila inferior, por mas que juegue con los valores de ancho y alto, el Opera 7.54 me deja una rendija.
La puedo eliminar haciendo mas pequeño el ancho y el alto, como de 28 x 28 pixels, pero entonces en los dos browsers restantes el borde de la imagen desaparece (lo cual el lógico, xke el borde es de solo 2px).

Es esto un bug de Opera ? hay algún truco para solucionarlo ? Ya es la segunda vez que me pasa y no sé que hacer...

Gracias por la ayuda !
  #2 (permalink)  
Antiguo 22/10/2004, 08:04
Avatar de vitrorhei
Usuario baneado!
 
Fecha de Ingreso: julio-2004
Ubicación: Anhedonia es mi lugar
Mensajes: 144
Antigüedad: 19 años, 8 meses
Puntos: 0
Prueba poniendo unos tres espacios en blanco al final de tu pagina de esta manera no recortará la información que quieres salga en los diferentes navegadores.
  #3 (permalink)  
Antiguo 22/10/2004, 08:16
 
Fecha de Ingreso: septiembre-2003
Mensajes: 82
Antigüedad: 20 años, 7 meses
Puntos: 0
hola,

no entiendo que me dices con lo de los "espacios en blanco".
Justamente el problema es que me aparecen espacios en blanco de 1 o 2 pixels por debajo de las imágenes, en ambas celdas (1 y 3) de la última fila de mi web.

Si disminuyo el alto de las celdas mediante css estos espacios desaparecen, pero entonces en IE6 y en Firefox 0.9 se ven las imágenes recortadas.
Y si le vuelvo a agregar espacios el problema persiste.


salu2
  #4 (permalink)  
Antiguo 22/10/2004, 08:30
Avatar de vitrorhei
Usuario baneado!
 
Fecha de Ingreso: julio-2004
Ubicación: Anhedonia es mi lugar
Mensajes: 144
Antigüedad: 19 años, 8 meses
Puntos: 0
Por lo que entiendo es que no quieres que los bordes no se recorten por lo que te sugiero pongas unos espacios en blanco al puro final de tu pagina por ejemplo:

</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</htm>

y no los espacios en las celdas.
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 02:13.