enlazar un boton a otra pagina web

[junarry]

holas soy nuevo en css y la cuestien es que cree un boton con css y ahora quiero enlazar...que al dar click se balla a otra pagina cualquiera...

este es el codigo del estilo para los botones
#menuhoriz ul li {
display: inline;
padding: 2px 7px; /*Separar el texto*/
margin:5px; /* Separar los botones */
background-color:#E4E4E4; /* Color de fondo */
}
#menuhoriz ul li:hover {
background-color:#CCCCCC; /* Color de fondo sobre el boton */
cursor: pointer; /* cambiar el aspecto del puntero */
}
#menuhoriz ul {
/* Linea para delimitar la botonera */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4;
}

y este el del documento html donde coloco los botones
<div id="menuhoriz">
<ul>
<li>Bot&oacute;n uno</li>

<li>Bot&oacute;n dos</li>
<li>Bot&oacute;n tres</li>
</ul>



tambien recibo recomendaciones gracias

[juaniquillo]

Eso no lo haces en el css sino en el html. Solo tienes que poner usar un elento <a> donde quieras el link, ejemplo:

Código:

         <li><a href="http://tupagina.com">Bot&oacute;n uno</a></li>

[junarry]

claro que lo hice de esa forma pero el problema es que al hacerlo se pierde el diseño del boton...y cuando me refiero al diseño es que aparece subrayado la palabra boton uno y ademas le cambia el color a las letras como si no le ubiera colocado estilo....y eso es precisamente lo que quiero evitar, que al enlazar el boton se le dañe la apariencia del boton...

si me dan una ayudita les agradeceria

[juaniquillo]

pues lo que necesitas es ponerle el estilo del <li> al enlace (<a>) para que tenga el color que quieras y que no aparezca subrayado y darle float al <li> porque el display:inline no funciona cuando le das display:block a un elemento interior:

Código HTML:

#menuhoriz ul li {
        float:left;
}

#menuhoriz ul li a{
        text-decoration:none;
        display:block;
        padding: 2px 7px; 
        margin:5px; 
        background-color:#E4E4E4;
}

#menuhoriz ul li a:hover {
        background-color:#CCCCCC; 
}

Claro que también debes darle overflow:auto (y width:100% para explorer) al <ul> porque si no lo pierdes:

Código HTML:

#menuhoriz ul{
        overflow:auto;
        width:100%;
}

[junarry]

Esa si era la respuesta que necesitaba....muchas gracias pude solucionar el problema

[juaniquillo]

pues que bueno que pudiste solucionar el problema. saludos.