hola de nuevo,
las capturas son en firefox pero ambas se veían practicamente igual en todos los navegadores. Respecto al menu, el que aparece ‘bien’ es el causante de haberlo hecho todo de nuevo, xq como lo hice desde DW, no se ajustaba al codigo de joomla y por tanto, aunque aparecia, no enlazaba con nada.
por si sirve de algo mando tb el codigo antiguo (quizas he confundido los estilos?)
@charset "UTF-8";
body {
font: 90%;
background: #FFFFFF;
margin: 0;
padding: 0;
text-align: center;
color: #000000; }
a:link {
font-weight: bold;
font-family: " Arial Black" , Helvetica, sans-serif;
text-decoration: none;
color: #000;
background-color: #FFCC00;
}
a:visited {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000;
background-color: #FFCC00;
}
a:hover {
text-decoration: underline;
color: #000;
background-color: #66CCFF;
}
a:active {
text-decoration: none;
color: #ccc;
}
p { font-family: "courier new", "Liberation Sans", Arial, "Lucida Grande", Verdana, sans-serif; font-size: 85%; }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica,"Liberation Sans", Arial, "Lucida Grande", Verdana, sans-serif; font-weight: bold; letter-spacing: -px; }
h1 {
color: #000000;
font-size: 2.8em;
line-height: 0.2;
letter-spacing: -4px;
font-weight: bold; }
h2 {
font-size:1.4em;
line-height: 0.2;
color: #FFCC00;
}
h3 {
line-height: 0.2;
color:#666666;
font-size:1.2em;
}
h4 {
font-size:1em;
line-height: 0.2;
color:#000;
}
h5 {
line-height: 0.2;
color:#666666;
font-size:0.8em;
}
h6 {
font-size:0.8em;
line-height: 0.2;
color:#FFCC00;
}
img { border: none; }
.thrColLiqHdr #container {
width: 99%;
background: #FFFFFF;
margin: 1% auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
border: 0px;
text-align: left; /* esto anula text-align: center en el elemento body. */
}
.thrColLiqHdr #header {
background: #FFFFFF;
padding: 2% 1% 0 2%;
}
.thrColLiqHdr #sidebar1 {
float: left;
width: 15%;
background: #FFFFFF;
padding: 3% 1% 0 2%;
margin: 3% 2% 0 2%;
overflow:hidden;
}
.thrColLiqHdr #sidebar2 {
float: right;
width: 40%;
background: #FFF;
padding: 2% 0 0 1%;
overflow:hidden;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
margin-right: 10px;
}
#menu {
width: 150px;
font: 80% "Arial Black" , Helvetica, Impact, sans-serif;
text-transform: uppercase;
margin: 2px 0 2px 0;
white-space: nowrap;
}
#menu ul, li {
list-style-type: none; }
#menu ul {
margin: 0;
padding: 0;
}
#menu li {
border-bottom: 0px solid;
}
#menu a {
text-decoration: none;
color: #CCCCCC;
background: #000000;
display: block;
padding: 3px 6px;
width: 161px;
margin: 4px 0 4px 0;
}
#menu a:hover {
background: #FFCC00 ;
color: #000;
}
.thrColLiqHdr #mainContent {
margin: 2% 2% 0 2%;
overflow:hidden;
}
.thrColLiqHdr #footer {
padding: 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
background:#FFFFFF;
}
.thrColLiqHdr #footer p {
margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
}
/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
float: right;
margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
float: left;
margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
clear:both; height:0; font-size: 1px; line-height: 0px;
}
Es mejor entonces hacerlo todo a px en vez de porcentajes? Perdón por mi ignorancia, pensé que todo esto iba a ser mas sencillo, pero ahora veo que estoy muy verde con esto…