hola que tal, bueno tengo una duda he estado tratando de entender este codigo css:
Código:
* {outline: 0px; margin: 0px; padding: 0px;
}
html, body { width: 100%;
height: 100%;
font-size: 0.8em;
font-family: Verdana;
}
.log{width:100%;
height:590px;
/*position:fixed;*/
background: url(../imagenes/menus2.gif) no-repeat bottom top center;
/*position:fixed;*/
}
#contenedor {
margin: 159px auto 0px;
width: 700px;
position: relative;
}
#contenido { width: 100%;
border: 1px solid #999;
margin-top: -4px!important;
margin-top: -1px;
}
#explicacion { margin: 12px 18px 4px;
}
ul { list-style-type: none;
height: 20px;
}
li { float: left;margin-right: 1px;
}
a { border: 1px solid #999;
padding: 4px 10px;
text-decoration: none;
background-color: #000;
color: #FFF;
font-weight: bold;
display: inline-block;
margin-top: -5px!important;
margin-top: -0px;
}
a:hover {background-color: #fff; color: #000;}
a:focus, a:active {background-color: #FFF;
color: #000;
padding-bottom: 5px;
border-bottom: none;
position: relative;
}
a span.solapa { position: absolute;
width: 666px;/*666*/
font-weight: normal;
background-color: #FFF;
text-align: left;
top: 32px;
left: 18px; /*8*/
display: none;
}
a:focus span.solapa, a:active span.solapa { display: block;}
span.texto_tab, p {margin: 10px 0px 0px;
text-align: justify;display: block;
}
.titulo {
font-size: 1em;
font-weight: bold;
text-align: left;
margin: 0;
display: block;
}
#texto1 img, #texto3 img { margin: 10px 0px 0px 16px;
float: right;
border: 0;
}
#texto2 img, #texto4 img { margin: 10px 16px 0px 0px;
float: left;
border: 0;
}
#texto1 { color: #003;}
#texto2 { color: #300; left: -63px;}
#texto3 { color: #009; left: -144px;}
#texto4 { color: #030; left: -225px;}
y si lo entiendo bien este codigo ,pero tengo un problema cuando se ve ese ejemplo los botones aparecen juntos y cadaves que clikeas el texto se alinea, se ve todo alineado pero cuando yo modifico esta parte del codigo:
Código:
li { float: left;margin-right: 1px;
}
modificando los px ,para que los botones tenga una distancia de uno al otro el texo ya no queda alineado con el del texto uno se empiezan a recorrer como le puedo hacer para que ya no se recorra el texto y quede alineado con el texto uno , pero si que se separen los botones.
ejemplo tomado de
araudi.net tab_activo