Foros del Web » Creando para Internet » HTML »

Firefox: Problema Celda 1 Pixel

Estas en el tema de Firefox: Problema Celda 1 Pixel en el foro de HTML en Foros del Web. Tengo problemas con Firefox cuando quiero mostrar una celda de 1 pixel de ancho o un pixel de alto. Pongo una imagen de 1 pixel ...
  #1 (permalink)  
Antiguo 16/05/2006, 08:13
 
Fecha de Ingreso: mayo-2006
Mensajes: 6
Antigüedad: 11 años, 7 meses
Puntos: 0
Firefox: Problema Celda 1 Pixel

Tengo problemas con Firefox cuando quiero mostrar una celda de 1 pixel de ancho o un pixel de alto. Pongo una imagen de 1 pixel y de fondo de la celda la misma imagen pero al visualizarse la Página, el diseño se rompe.
(algunos enlaces los modifique porque no me dejaba postear el mensaje)


Código:
<tr> 
<td background="../images/puntos.gif"><img src="images/puntos.gif" width="3" height="1"></td>
</tr>
Código:
<tr bgcolor="#FFAE35">
 <td colspan="2"><img src="images/spacer.gif" width="1" height="1"></td>
</tr>
Código:
<TD rowspan="5" bgcolor="E7E3CE"><IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=19 ALT=""></TD>

Última edición por gabrielweb1; 16/05/2006 a las 08:35
  #2 (permalink)  
Antiguo 16/05/2006, 09:33
 
Fecha de Ingreso: abril-2005
Mensajes: 29
Antigüedad: 12 años, 7 meses
Puntos: 0
Hola:

Publica un poco más de código porque es un poco difícil ver el motivo por el que se rompe el diseño.

Puedo notar que utilizas rowspan y colspan, trata de ponerle borde a esa tabla y comprueba que no sea eso lo que te está rompiendo el diseño.

Atentamente,

Alex Francis
__________________
www.softimus.net
  #3 (permalink)  
Antiguo 16/05/2006, 09:45
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

Tuve un problema similar con capas y lo solucioné con estilos... rn concreto overflow:hidden... no sé si te valdrá, pero cuando te vaya bien, cuéntanos como lo has conseguido.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 16/05/2006, 13:44
 
Fecha de Ingreso: mayo-2006
Mensajes: 6
Antigüedad: 11 años, 7 meses
Puntos: 0
Aquí les envío un poco más de código, esto sería un menú de opciones
vertical y cada opción se separa por una línea de puntos de un pixel de ancho en teoría, porque ahí es donde se rompe... que serían los TD donde aparece puntos.gif de fondo y como imagen.

Probé con lo de overflow en css y no funcionó igual muchas gracias




Código:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/subir.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="../index.asp">Ir 
                                                    al Home </a></td>
                                                </tr>
                                              </table></td>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="inst_autoridades.asp">Autoridades</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                  
				  		
										  
                                          <tr> 
                                            <td> 
                                            
											  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                  <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="inst_mision.asp">Misi&oacute;n</a></td>
                                                </tr>
                                              </table>
											  
											  
											  </td>
                                          </tr>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1" ></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                  <tr> 
                                                    <td width="18" style="overflow:hidden"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="inst_sedes.asp">Sedes</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="admisiones.asp">Admisiones</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="pasantias/pasantias.asp">Pasant&iacute;as</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="prensa/prensa.asp">Prensa</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="fundacion_iuean.asp">Fundaci&oacute;n</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                          <tr> 
                                            <td background="../images/puntos.gif"><img src="../images/puntos.gif" width="3" height="1"></td>
                                          </tr>
                                          <tr> 
                                            <td class="celdamenu" id="celdita"> 
                                              <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr> 
                                                  <td width="18"><img src="../images/bullet1.jpg" width="13" height="13" border="0"></td>
                                                  <td height="35"><a href="contactenos.asp">Cont&aacute;ctenos</a></td>
                                                </tr>
                                              </table></td>
                                          </tr>
                                        </table>

Cita:
Iniciado por softimus
Hola:

Publica un poco más de código porque es un poco difícil ver el motivo por el que se rompe el diseño.

Puedo notar que utilizas rowspan y colspan, trata de ponerle borde a esa tabla y comprueba que no sea eso lo que te está rompiendo el diseño.

Atentamente,

Alex Francis
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 11:10.