estoy inciando en el diseño web PIE PAGINA

microbiano · #1 (**permalink**) 14/06/2011, 18:55

TEN EL SIGUIENTE CODIGO HTML

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<link type="text/css" href="css.css" rel="stylesheet" />
</head>
<body>
<div id="contenedor">
  <div id="encabezado">Content for  class encabezado Goes Here</div>
    <div id="menu">
      <div id="columna_left">Content for  id colummna_lef Goes Here</div>	  
      <div id="columna_right">Content for  id column_rihgt Goes Here</div>
    </div>
	<div id="pie_pagina">	
	  <P>InmobiliariaTlaxcala.com.mx.</P>
	  <P>Oficinas: Ubicadas en Prologaci&oacute;n D&iacute;az Varela No. 10 Altos,</P>
	  <P>Col. Industrial Buenos Aires, Chiautempan Tlax.</P>
	  <P>Tel.  (01246) 46-351-19</P>
	</div>
</div>
</body>
</html>

y el siguiente css

Código:

/* CSS Document */
{
	margin:0px;
}
#contenedor{
	width:800px;
	height:auto;
	margin:auto;
	background:#CCCCCC;
}
#encabezado{
	height:120PX;
	background-color:#66CC00;
}
#menu{
	width:800px;
	overflow:hidden;
	height:auto;
}
#columna_left {
    width:200px;
    background-color:#5B7444;
    height:300px;
    float:left;
}
#columna_right {
    width:590px;
    background-color:#47697E;
    height:300px;
    float:right;
}
#pie_pagina{	
	height:80px;
	background:#FFCC33;
	text-align:center;
	font-size:15px;
	font: "Courier New";
	font:bold;
	line-height:0pt;
}

el problema radica en que el texto del pie de pagina se sale del div. ya intente no tex-laing:top; pero nada alguna sugerencia

de antemano muchas gracias y creo que les estare dando lata, ya que pienso terminar esta web cualquier sugerencia sera bienvenida sera una web modular

cristian_cena · #2 (**permalink**) 14/06/2011, 19:54

Hola microbiano.

este par no existe: tex-laing:top;

Prueba con esto:

Código CSS:

Ver original#pie_pagina{    
height:80px;
/*...*/
overflow: ... ; 
/*
overflow:visible; permite que se vea el contenido que desborda
overflow:hidden; oculta el contenido que se desborda. efecto "máscara".
*/
}
 
/*o juega con las propiedades que pongo abajo para los párrafos*/
#pie_pagina p {
padding: ...px ; 
/*
también puedes: padding:aa bb cc dd; donde aa = top, bb = right, cc=bottom y dd=left
ej: padding: 5px 10px 8px 9px;
*/
line-height: ... ; 
/*para ambos, con cualquiera de estos: px/em/%,...*/
}

Espero te sirva, saludos.

microbiano · #3 (**permalink**) 14/06/2011, 20:33

gracias amigo exactamente lo que necesitaba ahora otra pregunta, sabras de algun progrma para animaciones web .-)

cristian_cena · #4 (**permalink**) 14/06/2011, 23:31

De nada, para animaciones usá flash. con jquery podes lograr cosas interesantes, pero nunca llegás a la calidad de vectores y tipografía que tiene un swf.
Suerte.