Hola Ovillo, Cómo podran ver por la cantidad de mis preguntas ultimamente, estoy tratando de estudiar bastante esto del CSS y me doy a la tarea de actualizar algunos diseños a ello. Trabajando en:
http://168.234.195.202/test/negociosv2-3/plantilla.html Me encontre definiendo un encabezado de pagina con ancho y un alto fijo: /* Inicio - Encabezado */ #logotipo-ccg{ width:290px; height:100px; float:left; margin:0; padding:0; } #eslogan-ccg{ width:470px; height:100px; float:left; margin:0; padding:0px; background-image:url(estilos/imagenes/estructura/adorno-encabezado.gif); } #eslogan-ccg p{ margin:0; padding:0; padding-top:38px; /* Esta es una medida para tratar de centrar el contenido en el DIV no es lo optimo */ } /* Fin - Encabezado */ <div id="contenedor"> <div id="logotipo-ccg"> <img src="imagenes/logotipo-ccg.jpg" alt="Logotipo de la Cámara de Comercio de Guatemala. " width="290" height="100"/> </div> <div id="eslogan-ccg" align="center"> <p>Siempre un paso adelante, Cámara de Comercio:<br /> La primera y más grande organización del país.</p> </div> Ahora cómo puden ver en #eslogan-ccg, estoy tratando de centrar el texto verticalmente en el DIV, pero no logro slucionoar, probe utilizando text-align:middle; pero no me funciono. Así que agradezco sugerencias al respecto. ------------------------------------------------- Duda#2 ------------------------------------------------- Bueno ya el ultimo punto del día creo que estoy super enredado con los backgrounds... (Que verguenza verdad T_T ) pero bueno, si observan el siguiente codigo: http://168.234.195.202/test/negociosv2-3/plantilla.html #pie-pagina{ font-size:8pt; clear:both; color:#fff; margin:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; height:117px; background-image:url(estilos/imagenes/estructura/adorno-pie.gif); background-repeat: no-repeat; background-position: right bottom; } #pie-pagina p{ padding:10px; padding-top:40px; padding-left:20px; } #pie-pagina a, #pie-pagina a:visited, #pie-pagina a:link, #pie-pagina a:hover, #pie-pagina a:active { color:#fff; } <div id="pie-pagina"> <p>Cámara de Comercio de Guatemala<br /> 10a. Calle 3-80, Zona 1, Guatemala, Centro América<br /> Teléfonos: (502) 2253 -5353 / 2232 - 4545 / 2326 - 8888 Fax: (502) 22209393<br /> Correo Electrónicol: <a href="mailto:[EMAIL PROTECTED]">[EMAIL PROTECTED]</a></p></div> Me tuve que hacer todo ese relajo para poder colocar el fondo cómo queria y el texto dentro más o menos bien, pero si alguien me puede recomendar un mejor metodo le voy a estar muy agradecido. Bueno lista, los dejo de nuevo con un gran agradecimiento, por lo menos por dejarme sacarme la frustración del CSS con ustedes. Seguro mañana les tengo mas por ahi. Un gusto! _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo