Hola chic@s,
estoy teniendo problemas para que las plantillas (trabajo con Template Power) me acepten el formato dado en los css.. alguien ha sufrido el mismo problema?
El problema es que si no las uso el código es válido. Por lo que supongo que es problema de las plantillas. ¿Podría ser por el motor Template Power? Es decir, puede que primero se 'traduzca' el código CSS y luego lo del TP. No sé, estoy desconcertado, alguna sugerencia?
les escribo el código.
La plantilla es ...
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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Panel de control</title>
<link href="../CSS/estilos.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="capaPaxina">
<div id="capaCabeceira">
<!-- INCLUDE BLOCK : cabeceira -->
</div>
<div id="capaOpcions">
<!-- INCLUDE BLOCK : menu_opcions -->
</div>
<div id="capaContidos">
<!-- INCLUDESCRIPT BLOCK : modulo_contidos -->
</div>
</div>
</body>
</html>
y en el archivo estilos.css tengo lo siguiente...
Código HTML:
body {
background-color:#CCCCCC;
}
// CARACTERÍSTICAS XERAIS DE CADA CAPA
//**************************************//
#capaPaxina{
}
#capaCabeceira{
display:table;
position: absolute;
left:50px;
top:30px;
width:900px;
min-height: 50px;
z-index: 1;
overflow: visible;
border : 1px solid #788DA2;
background-color:#669999;
visibility: visible;
}
#capaOpcions{
position:absolute;
left:50px;
top:100px;
width:200px;
min-height:400px;
z-index: 1;
overflow: visible;
visibility: visible;
}
#capaContidos{
position: absolute;
left:260px;
top:100px;
width:690px;
min-height:330px;
_height:320px;
z-index: 1;
overflow: visible;
border : 1px solid #788DA2;
background-color:#6699CC;
visibility: visible;
}
// CARACTERÍSTICAS PARTICULARES DE CADA CAPA
//**************************************//
// FORMATEO DA CABECEIRA
#capaCabeceira img{
width: 38px;
height: 62px;
}
#capaCabeceira div{
_position: absolute; /* as pdades q comezan por '_' só as lee o explorer */
_top: 50%;
display: table-cell;
vertical-align: middle;
text-align:center;
}
#capaCabeceira span{
_position: relative;
_top: -50%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: bold;
font-variant: normal;
color:#CCCC66;
}
// ESTILO DAS 'CELDAS' DO MENÚ
#capaOpcions span{ /* celdas-título */
display:block;
background-color:#669999;
color: #CCCC66;
border: 1px solid #CCCCCC;
text-align:center;
font-weight:bolder;
font-size:14px;
padding:6px 0;
text-transform: uppercase;
}
#capaOpcions a{ /* celdas-opción */
display:block;
background-color:#6699CC;
color:#ffcc33;
border: 1px solid #CCCCCC;
text-align:center;
font-weight:bold;
text-decoration:none;
padding:6px 0;
}
#capaOpcions a.opon{
color:#000000;
background-color:#99CC99;
}
#capaOpcions a:hover{
/*color:#666;*/
background:#99CC99;
}