Regresar a la página ComoCrearTuWeb.com
Resultados 1 al 7 de 7

Tema: ayuda con un script

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22

    ayuda con un script

    Hola muchachos,

    tengo un problema (problemon mas bien) con un script. Cuelgo los códigos de esa zona:

    Archivo html:

    Estilos CSS:
    /* Estilos para el script de las imágenes */

    .photo {width:700px; text-align:left; position:relative; margin:0 auto; height: 450px;}

    .photo ul.topic {padding:0; margin:0; list-style:none; width:680px; height:auto; position:relative; z-index:6;}

    .photo ul.topic li {display:block; width:125px; height:31px; float:left;}
    .photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#465540; font-family:verdana, arial, sans-serif;}

    .photo ul.topic li a ul,
    .photo ul.topic li ul {display:none;}

    .photo ul.topic li.active a {color:#000; background:#bbb;}

    .photo ul.topic li a:hover,
    .photo ul.topic li:hover a {color:#fff; background:#465540;}

    .photo ul.topic li.active ul {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:275px; background:#DDD; width:600px; padding:20px 10px; border:10px solid #bbb; z-index:1;}

    .photo ul.topic li a:hover ul,
    .photo ul.topic li:hover ul {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:275px; background:#DDD; width:600px; padding:20px 20px; border:10px solid #465540; z-index:100;}

    .photo ul.topic li ul li
    {display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

    .photo ul.topic li ul li a
    {display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

    .photo ul.topic li ul li a img
    {display:block; width:100px; height:75px; border:5px solid #eee;}

    .photo ul.topic li a:hover ul li a:hover,
    .photo ul.topic li:hover ul li a:hover {white-space:normal; position:relative;}

    .photo ul.topic li a:hover ul li a:hover img,
    .photo ul.topic li:hover ul li a:hover img {position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

    /* Fin de estilo para script de imágenes */
    Funciona de la manera siguiente:

    Aparece una pestaña imágenes. Cuando nos ponemos sobre esta, se abre un desplegable con las fotos. Cuando pasamos el cursor sobre ellas se ven mas grandes, y si pulsamos sobre ellas se abre en una nueva pantalla en blanco.

    Me gustaria saber dos cosas:

    Quiero quitar la pestaña y que me aparezca siempre visible el desplegable de fotos (una cuadrícula con fotos) cuando entre en las diferentes páginas.

    Centrar el conjunto de fotos dentro de el desplegable.

    Se supone que ha de funcionar en explorer pero parece que no. Bueno, eso creo ya que en el código se hace referencia al explorer.

    Lo intento colgar en mi web de pruebas para ver si lo podeis ver en directo.

    medben-arquitectura.mywebcommunity.org/index.html

    gracias de antemano!!! :o

    pd: ahhh por cierto, si pensais que se puede adaptar a codigo html me lo comentais.
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

  2. #2
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,568
    Poder de Reputación
    43
    En ópera lo veo perfectamente, pero en IE6 no va.
    Prueba una cosa que veo rara, esto:
    </a>

    Yo creo que sería así:
    </a>

    o así:


    Saludos

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22
    muchas gracias jugoncan!!!! Ahora ya me funciona en el explorer jejeje q simple por una sola letra

    Me alegro que en opera tambien se te vea bien.

    Ahora solo me falta saber como puedo modificar el script (tanto en el archivo index.html como en estilo.css) para que me aparezca directamente la cuadrícula con las imágenes, sin tener que pasar el cursor por ninguna pestaña.

    Gracias de nuevo!!
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

  4. #4
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,568
    Poder de Reputación
    43
    Pues primero vamos a terminar de solucionarlo, jeje, porque en IE6 sigue sin verse.
    La primera forma que te puse arriba no es buena entonces, prueba la segunda, la de:


    Saludos

    Por cierto, sólo esos códigos tiene el script?

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22
    En el archivo html si, pero luego venia acompañado por unas variables que he incorporado en la hoja de estilos (sobre ul, li, div...). Ya veras que he indicado cuales de ellos hacen referencia.

    He modificado lo que me dices en el archivo index. Me he dado cuenta que tengo el explorer 7.0, así que con el 6.0 no se como funciona. Ya me comentas como se te ve ahora.

    Un saludo!
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

  6. #6
    Es que hay vida fuera de CCTW? Habitante
    Fecha de Ingreso
    05 oct, 07
    Ubicación
    Sevilla - España
    Mensajes
    4,568
    Poder de Reputación
    43
    Sigue sin funcionar en IE6, y ahora tampoco funciona en ópera :?

  7. #7
    Me va gustando esto... Habitante
    Fecha de Ingreso
    06 sep, 07
    Mensajes
    279
    Poder de Reputación
    22
    bueno bueno, entonces volveremos a la opcion anterior para el opera. Y a ver que podemos tocar para que funcione en el explorer 6.0

    Haremos un poco de indiana jones para descubrir la solucion jejjje

    Sobre lo de eliminar el tema de la pestaña, lo has descubierto?
    "Porque cada época es un sueño que agoniza o un sueño que está por nacer"

    MedBen Arquitectura

Temas Similares

  1. Ayuda con un script
    Por FRACTO en el foro Scripts
    Respuestas: 0
    Último Mensaje: 23/04/2008, 16:32
  2. Ayuda con un script
    Por rober1 en el foro Scripts
    Respuestas: 19
    Último Mensaje: 15/07/2007, 14:14

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •