Como que no logro hacer las cosas bien o no se que pasa. Estoy tratando de maquetar el sitio usando DIV y CSS. Este es el código de la página HTML:
Código HTML:
{config_load file="portalgrm.conf" section="Portal"}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sp" lang="sp">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Title" CONTENT="Portal de los Joven Club de Computación y Electrónica de Granma" />
<meta name="Author" CONTENT="Grupo de Desarrollo Joven Club de Computación y Electrónica Granma" />
<meta name="Description" CONTENT="La informatización de la sociedad cubana es una de los principales metas de la Revolución Cubana. Con la aparición de los Joven Club la sociedad se informatiza y se mantiene al corriente en lo que a teconolgías de la información y comunicaciones se refiere." />
<meta name="Keywords" CONTENT="joven club informatica cuba enseñanza granma revolucion programa revolucion cursos foros computacion electronica hardware software multimedia ftp descargas" />
<meta name="Copyright" CONTENT="Joven Club de Computación y Electronica Granma" />
<meta name="Language" CONTENT="Spanish" />
<meta name="REVISIT-AFTER" CONTENT="10" />
<meta name="Robots" CONTENT="Index" />
<title>{$title|default:#PORTAL_TITLE#}</title>
<link href="themes/css/csswithdiv.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div style="float:left">
<a href="index.php"><img src="{#IMG_DIR#}grmnet_r1_c1.gif" class="cursor img align" border="0" /></a>
</div>
<div>
<object type="application/x-shockwave-flash" data="{#IMG_DIR#}fla_1.swf" width="198" height="97">
<param name="movie" value="{#IMG_DIR#}fla_1.swf" />
<param name="Menu" value="0" />
<param name="quality" value="high" />
</object>
</div>
<div style="float:left">
<a href="index.php"><img src="{#IMG_DIR#}grmnet_r2_c1.gif" border="0" /></a><a href="historia.php"><img src="{#IMG_DIR#}grmnet_r2_c2.gif" alt="Historia de los Joven Club en la Provincia Granma" border="0" /></a><a href="objetivos.php"><img src="{#IMG_DIR#}grmnet_r2_c3.gif" alt="Objetivos que persiguen nuestras instalaciones en la Provincia" border="0" /></a><a href="eventos.php"><img src="{#IMG_DIR#}grmnet_r2_c4.gif" alt="Eventos que se llevan a cabo en nuestras instalaciones" border="0" /></a><a href="cursos.php?opt=mostrar&cual=todos"><img src="{#IMG_DIR#}grmnet_r2_c6.gif" alt="Cursos que se imparten en nuestras instalaciones" border="0" /></a>
</div>
<div>
<span class="divFecha">{$smarty.now|date_format:"%d de %B de %Y"}</span>
</div>
<div style="float:left">
<a href="index.php"><img src="{#IMG_DIR#}grmnet_r3_c1.gif" border="0" /></a>
</div>
</body>
</html> y este otro el código CSS:
Código HTML:
body{
background:#FFFFFF;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0;
scrollbar-3dlight-color:#F3F3EE;
scrollbar-arrow-color:#4D6185;
scrollbar-darkshadow-color:#EAE8E1;
scrollbar-face-color:#C3D3FD;
scrollbar-highlight-color:#FCFCFC;
scrollbar-shadow-color:#EAE8E1;
scrollbar-track-color:#F3F3EE;
}
a:link,a:active,a:visited{color:#006699; text-decoration:none; font-size: 11px;}
a:hover{color:#dd6900}
#divContenido{
position:absolute;
top:2%;
left:50%;
width:760px;
margin-left:2px;
margin-top:2px;
}
#divContenidoIzq{
float: left;
}
#divContenidoDer{
float: right;
}
#divFecha{
float: right;
font-family: Tahoma;
font-size: 11px;
color: #000000;
}
pero me da algunos problemas. Por ejemplo el SPAN con clase divFecha no me aplica ese estilo y no logro centrar el contenido de la web.
Salu2