:roll: :roll: Hola, como estan ?
Me gustaría instalar el MENU LATERAL que DETALLO EN CODIGO MAS ABAJO.
Sucede que quiero hacer esto:
1) Colocarlo como menu en el angulo superior izquierdo.
Pese a las modificaciones que hice en la hoja de estilo no solo no me modifica nada sino que me centraliza el bloque y corre todo el texto hacia abajo, ubicandolo a continuación de ese menu.
El texto tiene que ubicarse en el lateral derecho de ese menu.
2) Darle al weight del bloque un maximo de 140 pixeles.
Me ayudan por favor a modificar lo necesario?
Aqui va el codigo HTML QUE CREO NO HAY QUE MODIFICAR NADA solo cambiar los textos li.
Muchas gracias desde ya
Me gustaría instalar el MENU LATERAL que DETALLO EN CODIGO MAS ABAJO.
Sucede que quiero hacer esto:
1) Colocarlo como menu en el angulo superior izquierdo.
Pese a las modificaciones que hice en la hoja de estilo no solo no me modifica nada sino que me centraliza el bloque y corre todo el texto hacia abajo, ubicandolo a continuación de ese menu.
El texto tiene que ubicarse en el lateral derecho de ese menu.
2) Darle al weight del bloque un maximo de 140 pixeles.
Me ayudan por favor a modificar lo necesario?
The CSS:
<style type="text/css">
#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}
* html #blueblock{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}
#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#blueblock li {
border-bottom: 1px solid #90bade;
margin: 0;
}
#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}
#blueblock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
</style>
Aqui va el codigo HTML QUE CREO NO HAY QUE MODIFICAR NADA solo cambiar los textos li.
The HTML:
<div id="blueblock">
<ul>Dynamic Drive CSS Drive Forums Gif Optimizer Favicon Creator Button Maker
</div>
Muchas gracias desde ya