Comunidad de diseño web y desarrollo en internet online

li despues de img "margin"

Citar            
MensajeEscrito el 09 Feb 2012 02:59 am
Este es el codigo html:

Código HTML :

<img class="album" src="content/img/album/myhouse.jpg" />
<li class="suena">Suena ahora...</li>
<li class="titulo">Hora mixer radio my house</li>
<li style="margin:0 0 4px 0;">Por: Dj Beat</li>
<img class="sell" src="content/img/sell.png" />


el css de "<li class="suena">Suena ahora...</li>"

Código :

#publicidad{height:282px; width:500px;z-index:100; position:absolute; display:block; margin:120px 0 0 36%; background:url(../img/bgstation.png);}
#publicidad img.album{margin:10px 10px 0;float:left;}
#publicidad img.sell{position:absolute; display:block; right:0px; margin:-50px 0 0 0;}
#publicidad li{list-style:none; color:#fff; line-height:19px;}
#publicidad li.titulo{text-transform:uppercase;}
#publicidad li.suena{font-family: 'RooneyLightItalic';margin:10px 0 0 0;}


y no me carga el margin de "li.suena" como lo ven en esta web: http://radiomyhouse.com

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

chrome
Citar            
MensajeEscrito el 09 Feb 2012 01:43 pm
Tienes un error aquí:
[css]
#publicidad img.album {
margin:10px 10px 0; /* <- */
float:left;
}
[/css]
La lista de valores para margin o es uno solo, o son dos o son cuatro pero no tres.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 09 Feb 2012 11:09 pm
Ya corregi ese pequeño error del margin, pero al parecer no me sigue reconociendo el margin de "suena"

Código :

#publicidad{height:282px; width:500px;z-index:100; position:absolute; display:block; margin:120px 0 0 36%; background:url(../img/bgstation.png);}
#publicidad img.album{margin:10px 10px 0 10px; float:left;}
#publicidad img.star{margin:0 0.5px 0 0;}
#publicidad img.sell{position:absolute; display:block; right:0px; margin:-50px 0 0 0;}
#publicidad li{list-style:none; color:#fff; line-height:19px;}
#publicidad li.titulo{text-transform:uppercase;}
#publicidad li.suena{font-family: 'RooneyLightItalic';margin:10px 0 0 0;}


www.radiomyhouse.com

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

chrome
Citar            
MensajeEscrito el 10 Feb 2012 12:11 pm
Simplifica el código hasta aislar el problema.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 11 Feb 2012 08:00 am

Código :

#publicidad{height:282px; width:500px;z-index:100; position:absolute; display:block; margin:120px 0 0 36%; background:url(../img/bgstation.png);}
#publicidad img.album{margin:10px 10px 0 10px; float:left;}
#publicidad li{list-style:none; color:#fff; line-height:19px;}
#publicidad li.suena{font-family: 'RooneyLightItalic';margin:10px 0 0 0;}
#publicidad li.titulo{text-transform:uppercase;}

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

chrome
Citar            
MensajeEscrito el 11 Feb 2012 05:40 pm
agregale al li.suena display: block

Saludos

Por Lord_war

8 de clabLevel



Genero:Masculino  

Programador web

chrome
Citar            
MensajeEscrito el 11 Feb 2012 05:41 pm
O prueba con padding-top: 10px si prefieres

Por Lord_war

8 de clabLevel



Genero:Masculino  

Programador web

chrome
Citar            
MensajeEscrito el 11 Feb 2012 11:08 pm
ya probe con:

padding top 10
margin top 10
padding top 10 y display block
margin top 10 y display block

Pero ninguna carga, me parece muy raro

Por miguelsirna

315 de clabLevel



Genero:Masculino  

Hacker & Programmer

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.