Ver Mensaje Individual
  #6 (permalink)  
Antiguo 24/11/2009, 19:13
poetiya
 
Fecha de Ingreso: noviembre-2009
Ubicación: mi cai chiquito
Mensajes: 8
Antigüedad: 14 años, 5 meses
Puntos: 0
Respuesta: Problema con PHP y CSS

Y esta sería la hoja de estilos, la web esta maquetada íntegramente con css sin tablas y usando xhtml estricto (nada de diseño dentro del archivo xhtml):


Código:
@charset "utf-8";
/* Fondo de la pagina detras del contenido */
body {
background: #C0D9D9 url(../images/fondo.gif) repeat;
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666666;
margin: 20px 0px 20px 0px;
text-align: center;
}

/* Contenedor del contenido e imagen de cabecera */
#contenedor{
text-align: left;
width: 700px;
background-color: #ffffff;
margin: auto;
} 
#cabecera{
background-image: url(../images/header.png);
height: 106px;
width: 700px;
-moz-border-radius: 5px 5px;
} 

/* Estilo de la barra de navegador, sus enlaces y los separadores */
#navegador{
background: #F5F4C3 url(../images/navegador.png);
padding: 3px 10px 5px 10px;
font-weight: bold;
-moz-border-radius: 5px 5px;
} 
a.enlaceNav, a.enlaceNav:visited, a.enlaceNav:active, a.enlaceNav:focus, a.enlaceNav:link{
color: #FFFFFF;
}
a.enlaceNav:HOVER{
color: #0033FF; 
} 
.separadorNav{
color: #FFFFFF;
}

/* Texto Titulos y Enlaces de administracion */
a.enlaceAdm, a.enlaceAdm:visited, a.enlaceAdm:active, a.enlaceAdm:focus, a.enlaceAdm:link{
color: #0099FF;
}
a.enlaceAdm:hover{
color: #0033FF;
}
h1.admTitle{
color: #FF3300;
border: 2px double #FF3300;
}
label.admText{
color: #0000FF;
font-size: 12px;
}
/* Main donde iran todos los articulos */
#cuerpo{
width: 480px;
margin-left: 8px;
padding: 12px 0px 10px 0px;
background-color : #ffffff;
float: left;
} 
#contenidoCuerpo{
background: #FFFF99;
-moz-border-radius: 5px 5px;
}
#textoCuerpo{
text-align: justify;
margin-left: 20px;
margin-right: 20px;
}
h1{
font-size: 12pt;
}
#navegadorInf{
font-weight: bold;
}

/* Barra lateral y sus cajas de contenidos */
#lateral{
width: 200px;
float: right;
}
.titlat{
background-color: #68729E;
color: #ffffff;
font-size: 8pt;
text-transform: uppercase;
padding: 7px 3px 7px 8px;
font-weight: normal;
letter-spacing: 2px;
-moz-border-radius: 5px 5px;
}
.cuerpolateral{
background-color: #EBF2FE;
padding: 5px 4px 13px 10px;
border-left: 2px solid #68729E;
}
input{
font-size: 8pt;
}
#fbuscar form{
margin-bottom: 0px;
margin-top: 0px;
}
#campotexto{
float: left;
}
#campotexto input{
width: 100px;
}
#botonbuscar{
padding-top: 3px;
padding-left: 106px;
}
#botonbuscar input{
border: 0px none;
}
.radio{
clear: both;
}
#otras ul{
margin: 5px 10px 0px 0px;
padding: 0px 0px 0px 4px;
list-style: none;
}
#otras li{
padding-left: 14px;
background: transparent url(../images/bullet.gif) 0 2px no-repeat;
margin-bottom: 10px;
}

/* Pie de pagina */
#pie{
clear: both;
color: #cccccc;
text-align: right;
margin: 10px 10px 0px 10px;
padding-bottom: 10px;
}

/* Borde Preborde y Postborde se encargan de darle fondo blanco al contenido de la web */
#borde{
background: #FFFFFF;
text-align: left;
width: 730px;
margin: auto;
}
#postborde{
background: #FFFFFF;
width: 730px;
height: 15px;
margin: auto;
}
#preborde{
background: #FFFFFF;
width: 730px;
height: 15px;
margin: auto;
}