Ver Mensaje Individual
  #7 (permalink)  
Antiguo 06/04/2013, 10:04
Neocim
 
Fecha de Ingreso: abril-2013
Mensajes: 7
Antigüedad: 11 años, 1 mes
Puntos: 0
Respuesta: Problema galería html5

Cita:
Iniciado por pzin Ver Mensaje
Bueno, hay ahí unos errores que no tienen que ver con el problema, como meter un marco en linea dentro de un párrafo.

De todas formas, esa parte no nos dice nada, o más bien poco, porque no sabemos qué estilos afectan a div#page_About.

Tampoco estaría de más que al postear código lo dejaras indentado de forma más ordenada, ya que cuesta un poco leerlo de esa forma.

De paso bienvenido al foro.
Ya,imagino que estará lleno de errores...la verdad es que me gustaría meterme en todo este mundo de programación web más a fondo.
Por ejemplo,creo que no sabría indicarte que estilos afectan a div#page_About como me pides.

Aunque igual esto sirve de algo.
La galería en el código se muestra como lightbox,no?

En la capa Style, sobre lightbox tengo lo siguiente:

Código CSS:
Ver original
  1. /* Lightbox image */
  2. .lightbox-image {position:relative;overflow:hidden;display:block;
  3. background:#fff;z-index:1}
  4. .lightbox-image img {position:relative;z-index:1}
  5. .lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;
  6. background:url(../images/border.gif) 0 0
  7. no-repeat;z-index:2}
  8. .pp_details {height:0;padding:0;margin:0;font-size:0;line-height:0;
  9. visibility:visible !important}
  10. .pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
  11. .pp_close {position:absolute;z-index:99;top:-30px;right:0;display:none !important}
  12. div.light_square .pp_next {position:absolute;top:48%;right:-68px;width:35px;height:35px;
  13. background:url(../images/marker_right.gif)
  14. left top no-repeat;visibility:visible !important}
  15. div.light_square .pp_next:hover {background-position:bottom}
  16. div.light_square .pp_previous {position:absolute;top:48%;left:-68px;width:35px;height:35px;
  17. background:url(../images/marker_left.gif)
  18. left top no-repeat;visibility:visible !important}
  19. div.light_square .pp_previous:hover {background-position:bottom}
  20. .pp_arrow_previous, .pp_arrow_next {display:none !important}
  21. .link1 {color:#fff;text-decoration:none}
  22. .link1:hover {text-decoration:underline}

He probado a cambiar el Overflow a "auto" y "scroll",pero no le afecta en nada.

Espero que así se te haya hecho más fa´cil de verlo.

Y de verdad,perdonad mi ignorancia,si supiese dónde estoy parado ya podríais haberme resuelto la duda,pero entre que no se explicarme y me lio con los códigos... xD

Gracias por la bienvenida,espero quedarme para largo :D