Comunidad de diseño web y desarrollo en internet online

Línea no obedece a los "comandos naturales"

Citar            
MensajeEscrito el 31 May 2013 12:55 am
Tengo una línea de texto de la siguiente forma:

Código HTML :

<div class="endereco-top">Rua Paulo Set&uacute;bal,185 - Messejana  - Fortaleza &ndash; Cear&aacute; - Brasil &ndash; E-mail: [email protected] - Fone: (85) 3276.4209</div>


Código CSS :

.endereco-top {
   font-size: 11px;
   background-color: #F90;
   text-align: center;
   font-weight: bold;
   color: #FFF;
   padding-top:5px;
   padding-bottom:5px;
   margin-top: -7px;
   letter-spacing:1px;
}


Lo raro es que solo algunas de la líneas "responden" al css y otras simplemente lo ignoran, como los padding y el letter-spacing. El resultado se puede ver aqui.

http://targetbones.com.br/blog/

Si alguien pude ayudar, agradesco desde ya.

Claudio

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 31 May 2013 12:21 pm
Concretamente en esa regla CSS tienes un margin-top: -7px; que hace que todo se mueva hacia arriba. ¿Es ese el problema?.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 31 May 2013 12:32 pm
Antes que ndaa gracias por la disposición para ayudar.

Fijate en el site como es la formatación correcta de esta línea

http://targetbones.com.br/

Pero en la página que te estoy enviando el padding-top, el padding-bottom y el letter-spacing, son ignorados. Coloqué !important pero no resolvió.

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 31 May 2013 01:43 pm
Agregale display: inline-block; y width:100%;

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 31 May 2013 01:57 pm
Amigo SinSemilla......muy bueno tu nick.

Agregué las dos lineas que me dijiste y resolvió mi problema principal, los paddings pero el letter-spacing continúa ignorado.

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 31 May 2013 03:43 pm
Pues yo veo que el letter-spacing sí está siendo respetado.
¿Qué es lo que esperas que suceda?.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 31 May 2013 08:41 pm
Yo también veo el letter-spacing...

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 01 Jun 2013 12:01 am
Tenés razón, me confundió el hecho de que en la formatación original la fuente es Verdana,que es mas ancha. Muchas gracias por la ayuda. Claudio

Por Ishkandar

Claber

303 de clabLevel



Genero:Masculino  

firefox

 

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