¡Hola!,
Tengo una página (index.php) que tiene algunos enlaces en ella. Los enlaces del menú funcionan, los enlaces de registrarse funcionan, etc. Pero he creado una lista
<ul> (una lista con vídeos) con una serie de
<li> con enlaces. Los enlaces que están ahí dentro no funcionan.
Código CSS:
Código:
.video {
width: 470px;
font-family: 'PT Sans', sans-serif;
font-size: 16px;
}
.video ul, li {
list-style-type: none;
}
.video ul {
margin: 0;
padding: 0;
}
.video li {
margin-bottom: 10px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
width: 470px;
height: 130px;
}
.video a {
z-index: 9999;
}
.video img {
float: left;
padding: 20px;
}
.video p {
font-size: 14px;
color: #999;
text-shadow: 0 1px rgba(255, 255, 255, 1) inset;
margin: 0px;
padding: 20px;
}
Código HTML:
<div style="float: left;">
<h1>Últimos vídeos</h1>
<ul class="video">
<li><a href"http://youtu.be/WIz2yReEjz0" target="_blank"><img src="http://img.youtube.com/vi/WIz2yReEjz0/2.jpg" /><p>Ortega's Movie dancing I Want by One Direction</p></a></li>
<li><a href"http://youtu.be/CQMJ8EtArHM" target="_blank"><img src="http://img.youtube.com/vi/CQMJ8EtArHM/3.jpg" /><p>Everyday I'm Shufflin' - Ortega's Movie dancing Party Rock Anthem</p></a></li>
<li><a href"http://youtu.be/zJudTWQhH6E" target="_blank"><img src="http://img.youtube.com/vi/zJudTWQhH6E/1.jpg" /><p>Presentación de Ortega's Movie</p></a></li>
</ul>
</div>
<div style="float: right;">
<h1>Vídeos más vistos</h1>
<ul class="video">
<img src="http://img.youtube.com/vi/zP_iAmLcNv0/1.jpg" /><p><a href"http://www.ortegasmovie.com/desinformativo">LA COCINILLAS 1 - Brownie de Chocolate</a></p>
<a href"http://youtu.be/WIz2yReEjz0" target="_blank"><img src="http://img.youtube.com/vi/WIz2yReEjz0/2.jpg" /><p>Ortega's Movie dancing I Want by One Direction</p></a>
<a href"http://youtu.be/eXjfStUkJAU" target="_blank"><img src="http://img.youtube.com/vi/eXjfStUkJAU/2.jpg" /><p>LA COCINILLAS 2 - Crepes de chocolate</p></a>
</ul>
</div>
No entiendo qué puede ser, es muy raro...
Muchas gracias de antemano,
¡Saludos!