Foros del Web » Creando para Internet » CSS »

Link rebelde en Firefox

Estas en el tema de Link rebelde en Firefox en el foro de CSS en Foros del Web. Hola a todos, estoy armando mi portfolio (url temporal: http://federicobogado.com.ar.elserver.com) y surge un problema al visualizarla en Firefox. Como verán en la página principal hay ...
  #1 (permalink)  
Antiguo 02/01/2011, 13:21
 
Fecha de Ingreso: enero-2011
Ubicación: Buenos Aires
Mensajes: 4
Antigüedad: 6 años, 11 meses
Puntos: 0
Pregunta Link rebelde en Firefox

Hola a todos,
estoy armando mi portfolio (url temporal: http://federicobogado.com.ar.elserver.com) y surge un problema al visualizarla en Firefox.

Como verán en la página principal hay varios divs que contienen la img de la miniatura del proyecto, y a la vez otro div con el nombre del proyecto.

Todas toman bien los estilos, salvo la n.15, que en este caso es la que lleva de titulo "Geometria", que en lugar de tomar el estilo de fuente para verse en blanco, se ve en azul.

Ya probé cambiando de lugar las miniaturas pero no funciona. Si ven el el códico, son todas exactamente iguales, pero en Firefox, siempre se ve mal la n.15. En Chrome y IE se ven bien.

No entiendo a que se debe, podrán darme una mano? Gracias.
  #2 (permalink)  
Antiguo 02/01/2011, 13:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Link rebelde en Firefox

Cualquier otro:
Código HTML:
Ver original
  1. <a href="render.html">
  2.    <div class="muestra">
  3.       <img class="muestra-img" src="Img/min-render-bn.jpg">
  4.       <div id="nombre-trabajo">Render</div>
  5.    </div>
  6. </a>
El problemático
Código HTML:
Ver original
  1. <a href="geometria.html"></a>
  2. <div class="muestra">
  3.    <a href="geometria.html">
  4.       <img class="muestra-img" src="Img/min-geo-bn.jpg"></a>
  5.    <div id="nombre-trabajo">
  6.       <a href="geometria.html">Geometría</a>
  7.    </div>
  8. </div>

Dos sugerencias:
En el doctype que declara (XHTML 1.0 Transitional) no puede haber div´s dentro de enlaces. (en el primer ejemplo)
Tampoco debería haber un enlace sin contenido (en el segundo código).

Se lo dejo ahí, sin entrar en el css, a ver si lo encuentra con esta pista. Si no, ya comenta.
  #3 (permalink)  
Antiguo 02/01/2011, 15:11
 
Fecha de Ingreso: enero-2011
Ubicación: Buenos Aires
Mensajes: 4
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Link rebelde en Firefox

Gracias por responder kseso?

Mira, estube pensando bastante, y lo único que se me ocurre es darle el enlace por separado, a la img y al título del proyecto. De esta forma los enlaces estarían dentro de los divs.

La verdad estoy aprendiendo y no se sobre doctype.

Tal vez te refieras a una solución más simple...
  #4 (permalink)  
Antiguo 04/01/2011, 07:45
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Link rebelde en Firefox

Yo, personalmente, veo esa estructura más bien como una lista:
Código HTML:
Ver original
  1. <ul>
  2.    <li><a href="#"...><img src="..." alt="..." />Texto</a>
  3.    <li><a href="#"...><img src="..." alt="..." />Texto</a>
  4.    <li><a href="#"...><img src="..." alt="..." />Texto</a>
  5. ...
  6. </ul>
los enlaces como bloques, las imágenes también bloques (o con clear:both) y resto de propiedades para su estilismo.

Pero ya le digo, es sólo una apreciación personal

Etiquetas: firefox, link
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 07:35.