Buenas. Estoy trabajando en mi web y me ha surgido un problema con los <li>.
Os lo muestro en ejemplo:
http://www.queremospeliculas.com/cam...-de-las-hadas/
Donde pone enlace reproductor y tal, todo perfecto.
http://www.queremospeliculas.com/nameless-gangster/ Id un poco para abajo y vereis que donde pone enlace reproductor y idioma, salen las capas sin que haya contenido.
Quiero conseguir que sino hay contenido, no aparezcan estas capas.
Aquí os pongo el código html, donde en cada li, coge lo que hay en ese apartado de la administración, el problema está en que no en todos sitios voy a rellenarlo todo, y queda muy feo.
Código HTML:
div class="list_ul clbo clfl mbot10px">
<div class="flol colum_1">
<h3 class="bgtit bgtit_1 fonb">Enlace</h3>
<ul class="flol cnli2 ul_reproducir ul_listado icos">
<li><?php $values = get_post_custom_values("Enlace1"); echo $values[0]; ?></li>
<li class="othercol"><?php $values = get_post_custom_values("Enlace2"); echo $values[0]; ?></li>
<li><?php $values = get_post_custom_values("Enlace3"); echo $values[0]; ?></li>
<li class="othercol"><?php $values = get_post_custom_values("Enlace4"); echo $values[0]; ?></li>
</ul>
</div>
Y el css:
Código HTML:
.clbo, .clfl::after, .clboie {
clear: both;
}
.mbot10px {
margin-bottom: 10px;
border-radius: 3px;
moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.colum_1, .colum_2, .colum_3, .colum_4, .colum_5, .colum_7 {
margin-right: 8px;
}
.bgtit_1 {
width: 129px;
height: 25px;
}
.bgtit {
background: #CBD4DF;
color: #2b446c;
margin-bottom: 5px;
padding-left: 8px;
padding-top: 10px;
}
.flol{
}
.flol, .flli > li, .alignleft {
float: left;
}
.ul_reproducir li {
width: 137px;
height: 40px;
}
.ul_listado > li {
height: 31px;
color: #6f809c;
padding-top: 8px;
vertical-align: middle;
font: 300 12px/normal sans-serif;
padding-left: 8px;
}
.othercol {
background-color: #ECF0F5;
}
Supongo que os aclarireis más si inspeccionais elemento desde el navegador.
Hay alguna solución?
Muchas gracias