Foros del Web » Creando para Internet » CSS »

Ayuda con título de un módulo con CSS

Estas en el tema de Ayuda con título de un módulo con CSS en el foro de CSS en Foros del Web. Quiero que el título de los bloques de la izquierda se quede centrado tanto vertical como horizontalmente, para que se quede bien en la imagen. ...
  #1 (permalink)  
Antiguo 17/09/2005, 14:57
Avatar de ldp
ldp
 
Fecha de Ingreso: marzo-2005
Ubicación: Por fin, en mi nueva casa!
Mensajes: 617
Antigüedad: 12 años, 9 meses
Puntos: 3
Ayuda con título de un módulo con CSS

Quiero que el título de los bloques de la izquierda se quede centrado tanto vertical como horizontalmente, para que se quede bien en la imagen.

Esta es la línea que lo comanda en el archivo style.css:
td#leftcolumn div.blockTitle {text-align: left;padding: 4px 5px 6px 25px; background-color: #000000;background-image:url(../images/tit.gif); color: #555555; font-weight: bold;}

Y esta es la web donde está por si queréis ver como está ahora:

dd.yourxxl.net

Le he hecho algunos cambios al style.css, he probado de muchas formas pero no soy capaz de centrarlo verticalmente, alguien me puede echar una mano? GRACIAS POR ADELANTADO!
  #2 (permalink)  
Antiguo 17/09/2005, 15:09
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.493
Antigüedad: 13 años, 9 meses
Puntos: 20
Aca tenes varias formas distitnas de centrar contenidos, tanto horizontalmente como verticalmente.

http://juglar103.blogsome.com/2005/08/25/centrar/
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #3 (permalink)  
Antiguo 18/09/2005, 07:34
Avatar de ldp
ldp
 
Fecha de Ingreso: marzo-2005
Ubicación: Por fin, en mi nueva casa!
Mensajes: 617
Antigüedad: 12 años, 9 meses
Puntos: 3
Muchas gracias por los manuales, pero sigo sin poder ponerlo centrado verticalmente. Horizontalmente he sido capaz, pero no verticalmente.

Aquí dejo más información, aver si alguien me ayuda:

Es para el título del bloque izquierdo que está comandado por dos archivos, style.css y theme_blockleft.html, los contenidos que conciernen al título son:

style.css
Código PHP:
td#leftcolumn {width: 200px;height:560px;font-size:11px;background-color: #000000;padding: 10px 3px 4px 3px;}
td#leftcolumn th {background-color: #436792; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {height: 47px; padding: 0px 0px 0px 100px; background-color: #000000;background-image:url(../images/tit.gif); color: #ffffff; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 20px; line-height: 133%;background-image:url(../images/bm.gif);} 
theme_blockleft.html
Código HTML:
<{if $block.title != ""}><div class="blockTitle" align="middle"><{$block.title}></div><{/if}>
<div class="blockContent"><{$block.content}></div>
<div class="blockpie"></div> 
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 09:47.