Bien, tenemos desarrollado un catálogo de muestras de audio y queremos mostrarle en dos columnas de tal manera que en la columna "a" muestre los resultados del genero masculino y las de la columna b los audios de género femenino.
Aquí tenemos el código que tenemos desarrollado como plugin para poder generar dichos audios.
https://dl.dropboxusercontent.com/u/...estra_plug.php
Lo mostramos en un apartado del sitio a través de este llamamiento
Código:
<?php echo do_shortcode("[locutor limit='30' page='1' pagenumber='190' locutor='".$locutor."']"); ?>
Y este sería el css
Código:
#audios{width: 580px; display: inline-block; vertical-align: top; margin-right: 35px;}
#audios ul{margin-left: 0px;}
.voces ul li {font-weight: bold !important; color: #fff !important;}
.voces, .voces ul {margin-bottom: 0px !important;}
.voces{padding-bottom: 30px;}
.p-catalogo{font-family: "Helvetica Neue", Helvetica, Arial; font-size: 14px; color: #A1A1A1;}
.span-cat-green{color: #8BB300; font-weight: bold;}
.span-cat-black{color: #000; font-weight: bold;}
#step1{background-image: url('images/footer-yellow.png'); background-repeat: no-repeat; background-position: top left; padding-left: 90px; padding-top: 10px; margin-bottom: 40px; height: 100px;}
.p-cat1{width: 500px;}
.encuentra{color:#284659; font-family: "AllerLtIt",Arial; font-size: 25px; margin-bottom: 10px !important; }
#form-voz{float: right; margin-top: -20px;}
.p-form-voz{font-family: "Helvetica Neue", Helvetica, Arial; font-size: 13px; color: #000; margin-bottom: 10px !important;}
#form-voz input{font-family: "Helvetica Neue", Helvetica, Arial; font-size: 13px; color: #000;}
#nombre_locutor{border-radius: 10px; padding-left: 5px;}
#voz-submit{background: #E2E0E1; border-radius: 10px; border: 1px solid #E2E0E1; cursor: pointer; height: 25px;}
#voz-submit:hover{color: #8BB300; }
#videos{min-width: 1200px;}
Entonces, cómo lo haríamos?