Foros del Web » Creando para Internet » CSS »

Problemas con padding-right

Estas en el tema de Problemas con padding-right en el foro de CSS en Foros del Web. Saludos. en la página http://candp.org/ si pueden entrar veran que he tratado de acomodar el texto ahi bien centrado en la imagen que tiene de ...
  #1 (permalink)  
Antiguo 24/06/2009, 13:57
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 15 años, 9 meses
Puntos: 53
Problemas con padding-right

Saludos.

en la página http://candp.org/ si pueden entrar veran que he tratado de acomodar el texto ahi bien centrado en la imagen que tiene de fondo. El texto tiene padding a la iz y lo toma bien, pero no he podido corregirlo a la derecha, ya que no me hace nada. El html va asi:
Código HTML:
<div id="txt-box2" class="box2">What led you to start this non profit?  What does your organization plan to accomplish?
God called me to Concepts & Precepts Ministries in 1988, and nine years later the radio program began on 93.3 fm where I have spent the last twelve years teaching</div> 
y el css
Código css:
Ver original
  1. #txt-box2 {
  2.     background: url(../images/text-box.gif) no-repeat;
  3.     margin: 4px 0 0 128px;
  4.     padding-top: 4px;
  5.     padding-left: 3px;
  6.     padding-right: 3px;
  7.     text-align:justify;
  8.     width: 301px;
  9.     height: 79px;
  10.     line-height:13px;
  11. }
  12.  
  13. #box-rigt-big {
  14.     width: 438px;
  15.     height: 193px;
  16.     background-color:#475260;
  17.     margin: 3px 22px 0 0;
  18.     float:right;
  19. }
  20. .box2 {
  21.     font-family: Tahoma, Arial, "Century Schoolbook";
  22.     font-weight: bold;
  23.     color: #f9e8e8;
  24.     font-size: 11px;
  25. }

soy tan novato en css que me hago bolas a la hora de poner parametros a todo, pero ahi vamos.

ok, el fondo es una imagen, que es el recuadro que se forma para encerrar el text, y lo que ocupo es correr el texto un poco, darle un margen a la derecha para que se vea centrado. Trate con padding-right pero no me responde. Imagino que algo traigo mal. Help
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #2 (permalink)  
Antiguo 24/06/2009, 14:10
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Problemas con padding-right

quita la anchura a #txt-box2 y podrás añadir el paddin-right.

pero personalmente colocaría ese texto en su respectivo <p>

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 24/06/2009, 14:26
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 15 años, 9 meses
Puntos: 53
De acuerdo Respuesta: Problemas con padding-right

Hola, Kseso?. Bueno el tamaño no se lo puedo quitar porque la imagen es la misma en los demás boxes, y como se ve, en algunos la estiro, en otros la hago mas pequeña y ancha, asi que no pude, pero con el <p> (que ni por la mente me pasaba jaja) si logre ajustarlo así:
Código HTML:
<p class="box2">What led you to start this non profit?  What does your organization plan to accomplish?
God called me to Concepts & Precepts Ministries in 1988, and nine years later the radio program began on 93.3 fm where I have spent the last twelve years teaching</p> 
Código css:
Ver original
  1. .box2 {
  2.     font-family: Tahoma, Arial, "Century Schoolbook";
  3.     font-weight: bold;
  4.     color: #f9e8e8;
  5.     font-size: 11px;
  6.     margin-right: 7px;
  7.     margin-top: 0px;
  8. }

mas un line-height: 11px; a la caja y listo. Vamos a ver si los deás me quedan bien.

Gracias.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:02.