hola lista
tengo el siguiente problema en esta página
http://www.multiadmirable.com/ejemplo.htm
como veran el menu de la derecha llega hasta el final de la página, lo que no sucede con la parte central de la página en donde irian unos enlaces. el problema es que en ocasiones en la parte de los enlaces puede que hayan 10 y en otras puede que haya 4 o menos. encuentro la manera de hacer llegar esa área (de los enlaces) hasta abajo.
ese diseño es original de csszengarden y lo he ido modificando asi que si le parece conocido ya saben de donde es :-D
saludos
skl
archivo disculpen si esta un poco largo css.css
* {
padding: 0;
margin: 0;
border: 0px none;
}
body {
background: #f2f2f2;
color: #777;
font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
text-align: center;
}
acronym {
cursor: help;
}/* ---------- div ---------- */
#container { padding: 0 2px; width: 500px !important; width /**/: 504px; margin: 0 auto; background: #fff url("container.gif") repeat-y; text-align: left; position: relative; }
#quickSummary, #preamble, #supportingText div {
padding: 5px 20px;
width: 330px!important;
width /**/: 370px;
}
#quickSummary {
padding: 15px 20px;
background: url("line.gif") no-repeat 50% 100%;
}
#quickSummary1 #preamble1 {
padding: 5px 20px 5px;
width: 500px!important;
width /**/: 370px;
}
#quickSummary1 {
padding: 15px 20px 0px;}
#quick1 #preamble1{
padding: 5px 20px 5px;
width: 500px!important;
width /**/: 370px; }
#quick1 {
padding: 15px 20px;
text-align: center;
background: url("line.gif") no-repeat 50% 100%;
}
#preamble {
padding-top: 15px;
}
#supportingText #requirements {
padding-bottom: 12px;
}
#supportingText #footer {
padding: 12px 20px;
background: url("line.gif") no-repeat 50% 0;
text-align: center;
}
#linkList {
position: absolute;
top: 322px;
left: 372px;
font-size: 10px;
line-height: 1.2em;
}
#linkList1 {
position: absolute;
top: 74px;
left: 372px;
font-size: 10px;
line-height: 1.2em;
}
#titulo {
font-weight: normal;
font-size: 2em;
line-height: 1em;
text-align: center;
font-family: "Trebuchet MS";
width: 350px;
padding-left: 10px;
}
/* ---------- h1, h2, h3 ---------- */
h1, h2, h3 {
font-weight: normal;
font-size: 1.0em;
line-height: 1.0em;
text-indent: -2000em;
display: block;
}
h1 {
width: 500px;
height: 75px;
background: #fff url(logo.jpg) no-repeat 100%;
}
h2 {
width: 500px;
height: 246px;
background: #b6c77b url(zun.jpg) no-repeat;
}
#logo {
width: 500px;
height: 246px;
background: #b6c77b url(zun_seccion.jpg) no-repeat;
}
#preamble h3, #supportingText h3 {
width: 231px;
height: 27px;
background-repeat: no-repeat;
}
#linkList h3 {
width: 130px;
height: 34px;
background-repeat: no-repeat;
background-color: #f2f4d8;
}
#linkList1 h3 {
width: 130px;
height: 34px;
background-repeat: no-repeat;
background-color: #f2f4d8;
}
.select {background-image: url("h3_06.gif"); }
.archives {background-image: url("h3_07.gif"); }
.resources {background-image: url("h3_08.gif"); }/* ---------- p ---------- */
p {
padding-top: 5px;
}
.p1 {
padding-top: 2px;
}/* ---------- ul, li ---------- */
ul, li {
list-style: none;
}
ul {
border-top: 1px solid #ddd;
}
li {
text-transform: lowercase;
border-bottom: 1px solid #ddd;
}
#lselect li {
padding: 5px 7px 5px 24px;
background: url("bullet1.gif") no-repeat;
}
#lselect1 li {
padding: 5px 7px 5px 24px;
background: url("bullet1.gif") no-repeat;
}
#lselect2 li {
padding: 5px 7px 5px 24px;
background: url("bullet1.gif") no-repeat;
}
#lselect li:hover {
background: #e6e9cd url("hover.gif") no-repeat;
}
#lselect1 li:hover {
background: #e6e9cd url("hover.gif") no-repeat;
}
#lselect2 li:hover {
background: #e6e9cd url("hover.gif") no-repeat;
}
#larchives li, #lresources li {
background: url("bullet2.gif") no-repeat;
padding: 5px 0;
}
div>#larchives li, div>#lresources li {
padding: 0;
height: 23px;
background: url("bullet2.gif") no-repeat;
}
#larchives1 li {
background: url("bullet2.gif") no-repeat;
padding: 5px 0;
}
div>#larchives1 li {
padding: 0;
height: 23px;
background: url("bullet2.gif") no-repeat;
}
#intro1 {
width: 350px;
left: 90px;
position: relative;
}
#intro2 {
width: 350px;
left: 10px;
position: relative;
padding: 10px;
}
.intro3 {
width: 350px;
left: 10px;
position: relative;
padding: 3px;
}/* ---------- a ---------- */
a {
text-decoration: none;
}
#intro a, #supportingText a {
font-weight: bold;
color: #9ead6c;
}
#intro1 a {
font-weight: bold;
color: #9ead6c;
}
#linkList a {
color: #777;
}
#linkList1 a {
color: #777;
}
#enlaces a, #enlaces a {
color: #777;
}
#lselect a {
display: block;
color: #9ead6c;
}
#lselect a.c {
display: inline;
color: #777;
}
#lselect1 a {
display: block;
color: #9ead6c;
}
#lselect1 a.c {
display: inline;
color: #777;
}
#lselect2 a {
display: block;
color: #9ead6c;
}
#lselect2 a.c {
display: inline;
color: #777;
}
#larchives a, #lresources a {
padding: 0 7px 0 22px;
}
div>#larchives a, div>#lresources a {
padding: 5px 7px 5px 22px;
height: 13px !important;
height /**/: 23px;
display: block;
}
#larchives1 a {
padding: 0 7px 0 22px;
}
div>#larchives1 a {
padding: 5px 7px 5px 22px;
height: 13px !important;
height /**/: 23px;
display: block;
}
#linkList a:hover, #linkList a:active, #lselect a.c:hover, #lselect a.c:active, #lselect1 a.c:hover, #lselect1 a.c:active, #lselect2 a.c:hover, #lselect2 a.c:active {
color: #222;
}
#intro a:hover, #intro a:active,#intro1 a:hover, #intro1 a:active, #supportingText a:hover, #supportingText a:active, #lselect a:hover, #lselect a:active, #lselect1 a:hover, #lselect1 a:active, #lselect2 a:hover, #lselect2 a:active {
color: #85925C;
}
#enlaces a:hover, a:active, a:hover, a:active, a.c:hover, a.c:active {
color: #85925C;
}
div>#larchives a:hover, div>#larchives a:active, div>#lresources a:hover, div>#lresources a:active {
background: #e6e9cd url("hover.gif") no-repeat -130px 0;
}
div>#larchives1 a:hover, div>#larchives1 a:active {
background: #e6e9cd url("hover.gif") no-repeat -130px 0;
}
.form {
background:#FFFFFF;
border: 1px solid #999900;
color: #777;
font: 11px/1.4em Arial, Tahoma, Verdana, sans-serif;
}
.select9 { background-image: url("h3_09.gif"); } .select90 { font-family: "Trebuchet MS"; background: #EAEAA8; font-size: 1.1em; padding: 1px; } .select5 { background-image: url("h3_05.gif"); } .select4 { background-image: url("h3_04.gif"); } .select7 { background-image: url("h3_07.gif"); } #quick { padding: 10px 20px; width: 330px !important; width /**/: 370px; background: url("line.gif") no-repeat 50% 100%; } .image { border: 1px dotted #CCCC33; padding: 2px; } #enlaces { border: 1px dotted #CCCC33; padding: 2px 2px 2px 8px; position: absolute; height: 95px; width: 135px; left: 191px; top: 778px; } #base { width: 465px; padding: 20px 10px; text-align: center; background: url("line.gif") no-repeat 50% 0;
}
.texto {
width: 95%;
font-family: "Trebuchet MS";
font-size: 1.1em;
text-align: center;
padding: 10px;
}
/*....buscador.....*/ .buscar { width: 100px; text-align: right; padding: 5px; } .buscar1 { float: right; width: 200px; padding: 5px; text-align: left; } .buscar3 { text-align: center; font-family: "Trebuchet MS"; font-size: 1.2em; font-weight: bold; width: 100%; background-color: #E8EDBB; } .buscar_agrupar { border: 1px solid #E8EDBB; height: 100%; } .buscar4 { text-align: center; width: 90%; padding: 10px; word-spacing: 0.3em; vertical-align: bottom; } .buscar5 { font-family: "Trebuchet MS"; font-size: 1.3em; text-align: center; color: #CC9900; padding: 10px; font-weight: bold; } .buscar6 { font-family: "Trebuchet MS"; text-align: center; padding: 10px; } #buscar7 { font-weight: normal; font-size: 2em; line-height: 1em; text-align: center; font-family: "Trebuchet MS"; width: 490px; padding-left: 10px; }
_______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
