ayuda con un script

Hola muchachos,

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

Archivo html:

<div class="photo">
<ul class="topic">

Imágenes
<!--[if lte IE 6]>
<table>
<tr>
<td><!-->
<ul>

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

[contenido no disponible]

<!--[if lte IE 6]>
</td>
</tr>
</table>
</a><!-->

<br class="clear" />
</div>

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:

:arrow: 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:

:arrow: 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.

:arrow: Centrar el conjunto de fotos dentro de el desplegable.

:arrow: 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.

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 :wink:

muchas gracias jugoncan!!!! Ahora ya me funciona en el explorer jejeje q simple por una sola letra :lol: :lol: :lol:

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!!

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 :wink:

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

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!

Sigue sin funcionar en IE6, y ahora tampoco funciona en ópera :?

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 :lol: :lol:

Sobre lo de eliminar el tema de la pestaña, lo has descubierto?