Foros del Web » Creando para Internet » CSS »

estoy inciando en el diseño web PIE PAGINA

Estas en el tema de estoy inciando en el diseño web PIE PAGINA en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/06/2011, 18:55
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 23
Antigüedad: 5 años, 11 meses
Puntos: 1
estoy inciando en el diseño web PIE PAGINA

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
  #2 (permalink)  
Antiguo 14/06/2011, 19:54
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 11 meses
Puntos: 269
Respuesta: estoy inciando en el diseño web PIE PAGINA

Hola microbiano.

este par no existe: tex-laing:top;

Prueba con esto:

Código CSS:
Ver original
  1. #pie_pagina{   
  2. height:80px;
  3. /*...*/
  4. overflow: ... ;
  5. /*
  6. overflow:visible; permite que se vea el contenido que desborda
  7. overflow:hidden; oculta el contenido que se desborda. efecto "máscara".
  8. */
  9. }
  10.  
  11. /*o juega con las propiedades que pongo abajo para los párrafos*/
  12. #pie_pagina p {
  13. padding: ...px ;
  14. /*
  15. también puedes: padding:aa bb cc dd; donde aa = top, bb = right, cc=bottom y dd=left
  16. ej: padding: 5px 10px 8px 9px;
  17. */
  18. line-height: ... ;
  19. /*para ambos, con cualquiera de estos: px/em/%,...*/
  20. }

Espero te sirva, saludos.
  #3 (permalink)  
Antiguo 14/06/2011, 20:33
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 23
Antigüedad: 5 años, 11 meses
Puntos: 1
Respuesta: estoy inciando en el diseño web PIE PAGINA

gracias amigo exactamente lo que necesitaba ahora otra pregunta, sabras de algun progrma para animaciones web .-)
  #4 (permalink)  
Antiguo 14/06/2011, 23:31
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 7 años, 11 meses
Puntos: 269
Respuesta: estoy inciando en el diseño web PIE PAGINA

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.

Etiquetas: diseño, pie
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 17:13.