Ver Mensaje Individual
  #9 (permalink)  
Antiguo 05/03/2010, 23:20
bendark23
 
Fecha de Ingreso: julio-2005
Mensajes: 73
Antigüedad: 19 años, 5 meses
Puntos: 0
Respuesta: li con css e imagen display inline

Cita:
Iniciado por dual3nigma Ver Mensaje
Si funciona, pero tiene que ser el codigo que te pegue arriba, no hay ningun display inline ahi.
Disculpa mi error, me referia al efecto mira este codigo lo tengo un mi pagina que esta divida en dos columnas esta columna es la de la izquierda.

el codigo es asi.

Código HTML:
<div id="mainbody"> 
   <div id="content"> 
     <div id="path"> <span class="pathway">Principal</span></div>
    
     <div class="inside"><p> <?php include("modulos/noticias.php"); ?>
      <p>
<!-aqui esta el codigo tal cual me lo pasaste->
<div id="ganadores-wrapper"> 
*<div class="encabezados">Ganadores de TRé-CH(É) Short Fest '09</div> 
* *<div class="ganadores-carousel"> 
* * * * <ul> 
* * * * 
* * * * * * <li><a href="" target="_self"><img src="/images/imagen01.jpg" alt="Imagen 01" width="156px" /></a> 
* * * * * * <p><strong>Película: </strong>Pelicula Numero 1 </p> 
* * * * * * <p><strong>Categoría: </strong>Mejor Cortometraje Documental</p> 
* * * * * * <p class="dotted"><strong>Director: </strong>Director Numero 1</p> 
* * * * * * <p><strong>Lugar de origen: </strong>España</p> 
* * * * * * <p><a href="#" target="_self">Leer Más</a></p> 
* * * * * * </li> 
* * * * * * 
* * * * * * <li><a href="" target="_self"><img src="/images/imagen02.jpg" alt="Imagen 02" width="156px" /></a> 
* * * * * * <p><strong>Película: </strong>Pelicula Numero 2</p> 
* * * * * * <p><strong>Categoria: </strong>Mejor Cortometraje Documental</p> 
* * * * * * <p class="dotted"><strong>Director: </strong>Director Numero 2</p> 
* * * * * * <p><strong>Lugar de origen: </strong>USA</p> 
* * * * * * <p><a href="#" target="_self">Leer Más</a></p> 
* * * * * * </li> 
* * * * * * 
* * * * * * <li><a href="" target="_self"><img src="/images/imagen01.jpg" alt="Imagen 01" width="156px" /></a> 
* * * * * * <p><strong>Película: </strong>Película Numero 3 </p> 
* * * * * * <p><strong>Categoría: </strong>Mejor Cortometraje Documental</p> 
* * * * * * <p class="dotted"><strong>Director: </strong>Director Numero 3</p> 
* * * * * * <p><strong>Lugar de origen: </strong>México</p> 
* * * * * * <p><a href="#" target="_self">Leer Más</a></p> 
* * * * * * </li> 
* * * * </ul>
*
* * </div>
</div> 


     </div>
   </div> 
 </div> <!--end of main-body--> 
el codigo del css de los divs que faltan son

Código HTML:
#mainbody {
float:left;
width:60%;
}

#content {

width:100%;
margin-left:25px;

}
#path{
width:90%;
margin-left:20px;
}
.pathway{ font-weight:bold;}.inside {
padding:10px;
}


.encabezados{
color: #03457e;
padding-left:30px;
text-align: left;
background: url(img/star.jpg) no-repeat left center;
font: normal 24px "Times New Roman", Times, serif;
}
funciona perfectamente para IE8 pero FF y Chrome no.. sigue como una lista vertical.. que estare haciendo mal.