Foros del web, para los que viven de bits

Buenas, tengo un problemilla con los divs. El primer div (de apertura) se muestra en verde y el div de cierre se muestra en azul y me cierra otro div de mas arriba.

A ver si hay alguien que me pueda solucionar esto. Muchas gracias!!


<div style="display: none;" style="color: rgb(204, 0, 0);" id="video">

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/Uk89CO7419w&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Uk89CO7419w&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<br/>
<a href="javascript:void(0);" onclick="javascript:ocultar('video')">He acabat de veure el video</a>
</div>

La verdad no entiendo el problema, y veo bien el código. ¿Podrías explicarme mejor cual es el error que tienes con este?

Aunque no entiendo cual es la pregunta, sólo dos cosas:

- El display:none lo que hace es ocultar el div y su contenido... con lo cual, si está oculto, de primeras, no entiendo qué problema te dá lo demás si no se ve..

- El color rgb no es recomendable, lo más compatible es que uses el formato web #00ff99

Y si no lo usas, prueba el uso de CSS externo!


Karma
Un saludo.

A ver si me explico mejor jeje, os paso un trozito mas de codigo:

<div id="contenedor"><!-- Inici contenedor -->
<div id="topmenu"><!-- Inici topmenu -->
<ul>
<li><a href="#inici" accesskey="6">Saltar al contingut</a></li>
<li><a href="accesibilitat/" accesskey="7">Contacta</a></li>
<li><a href="accesibilitat/" accesskey="7">Enllaços</a></li>
<!--<li><a href="accesibilitat/" accesskey="7">Accesibilitat</a></li>-->
</ul>
</div><!-- Fi topmenu -->

<div id="banner"><!-- Inici banner -->
<p><h1>CECELL</h1></p>
<p>Centre d'Esports del Camp Escolar de Lleida</p>
</div><!-- Fi banner -->

<div style="display: none;" style="color: rgb(204, 0, 0);" id="video">

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/Uk89CO7419w&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Uk89CO7419w&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>
<br/>
<a href="javascript:void(0);" onclick="javascript:ocultar('video')">He acabat de veure el video</a>
</div>


El div id="contenedor" se cierra (en teoria, a la practica no) al final final de la pagina html, es el ultimo a cerrarlo.

El problema, es que este ultimo </div> del trozito de codigo que os he puesto yo tendria que cerrar en teoria el <div style="display: none;" style="color: rgb(204, 0, 0);" id="video">, pero me cierra el <div id="contenedor">.

Bueno espero que ahora me haya explicado un poquito mejor.

Gracias!

contabilizando los tags biertos/cerrados... te sigue faltando un </div> para cerrar todo .P

PDATA: <p><h1>CECELL</h1></p> va mal, nunca metas cabezeras en <p> osea... amonos al estandar!

El problema es que te falta un /div, creo yo. Cierralo y veamos si aun hay errores.

Otro detalle, cambia el style="color: rgb(204, 0, 0);" por su código en hex style="color: #c00;", nedrek ya te avisa el por qué. Suerte!

Bueno en cuanto pueda mirar la web, q aqui no la tengo, corregire lo que me habeis dicho. Los <div> estan todos cerrados (no he puesto todo el codigo), pero falla alguno por mala interpretacion de algo, que seguro que esta en este trozo que he copiado.

Gracias!!

Bernix, intenta usar el HTML Validator como agregado para Firefox... seguro te indicara el error de tu HTML

¿Qué es lo que te hace pensar que te cierra el contenedor y no el div del objet?
Seguro que es un clásico error de css que te está confundiendo.

Mikel.

Primero que en el dreamweaver ya me sale una tira amarilla con las letras negras de que algo no esta cerrao o algun error de esos del div, y por otra parte cuando en el codigo aprieto sobre id="contenedor" se selecciona todo el trozo de codigo que contiene esa etiqueta (que llega hasta el div que te digo mas arriba).

cierra el </div> y valida el HTML, ahi si... te saldra el error completo, la linea y la explicacion....

NOTA: hazlo, y nos cuentas que te salio...

De momento arregla esto:

<div style="display: none;" style="color: rgb(204, 0, 0);" id="video">

que debe ser:

<div style="display: none; color: rgb(204, 0, 0);" id="video">

Quizá la doble declaración del style haga que ese div se lea mal.

Mikel.

Ya esta!! Era lo que decia Mikel la doble declaración del style.

Gracias a todos!! Saludos

A lo del validador de html me mostraba muchisimos errores del link de youtube, por ejemplo:

ox_explorer.swf?widgetHash=gqbnalsowo&cl=0" width="460" height="345" wmode="t

Ya había notado los dos style, pero no pensé que eso pudiera causar el error, además de que no estaba seguro como ponerlo como uno para empezar.

En cuanto a los Ampersand, había leido hace poco que hay problemas con ellos. ¿Hay alguna solución que se les pueda dar?

Justamente lo que dices, es decir, cambiar el & por ampersand, o lo que es lo mismo, cambiar & por &amp;

Mikel.