Foros del Web » Creando para Internet » CSS »

enlazar un boton a otra pagina web

Estas en el tema de enlazar un boton a otra pagina web en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/02/2008, 21:02
Avatar de junarry  
Fecha de Ingreso: marzo-2007
Ubicación: colombia
Mensajes: 113
Antigüedad: 10 años, 8 meses
Puntos: 0
enlazar un boton a otra pagina web

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
  #2 (permalink)  
Antiguo 15/02/2008, 21:47
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: enlazar un boton a otra pagina web

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>
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #3 (permalink)  
Antiguo 16/02/2008, 13:23
Avatar de junarry  
Fecha de Ingreso: marzo-2007
Ubicación: colombia
Mensajes: 113
Antigüedad: 10 años, 8 meses
Puntos: 0
Re: enlazar un boton a otra pagina web

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
  #4 (permalink)  
Antiguo 17/02/2008, 12:52
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: enlazar un boton a otra pagina web

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%;
}
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...

Última edición por juaniquillo; 17/02/2008 a las 13:06
  #5 (permalink)  
Antiguo 17/02/2008, 15:23
Avatar de junarry  
Fecha de Ingreso: marzo-2007
Ubicación: colombia
Mensajes: 113
Antigüedad: 10 años, 8 meses
Puntos: 0
De acuerdo Re: enlazar un boton a otra pagina web

Esa si era la respuesta que necesitaba....muchas gracias pude solucionar el problema
  #6 (permalink)  
Antiguo 17/02/2008, 16:35
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: enlazar un boton a otra pagina web

pues que bueno que pudiste solucionar el problema. saludos.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas (incluyéndote)




La zona horaria es GMT -6. Ahora son las 20:39.