[SOLUCIONADO] Menus y botones simples

hcrisel · #1 (**permalink**) 21/12/2013, 07:00

Hola como estas
Mira estoy aprendiendo a realizar menús y botones en css y hay mucho material al respecto en el empleo de (Nav, ul y li)

Cuando creo un simple botón como por ejemplo

<input value="Biografía" onclick="historia();" type="button">

Cuando hago clic en el evento claramente la función historia comienza a trabajar.
Pero cuando hago esos hermosos botones con css no comprendo cómo leer el clic para dar lugar a ejecutar la función historia(). Donde y como escribir un alert() diciendo “presionaste el botón x…”

Y lo ultimo... como puedo decirle al >input> su width y su heigth? Esto tampoco lo logré hacer aún.

Serias tan amable de darme una mano con este problema?

Muchas Gracias a todos.

Código PHP:

  <!DOCTYPE html>

<html lang='es'>

 
<html>

    <head>

        <link rel="shortcut icon" href="gusb.ico" type="image/x-icon">

        <title>Mi pagina</title>

        <meta http-equiv="Content-Type" content="text/html; charset='iso-8859-1">

        <link rel="stylesheet" type="text/css" href="index_estilo.css" />

    </head>

 
    <body>

        <nav id='menu'>

            <ul>

                <li>Introduccion</li>

                <li>Opcion 1</li>

                <li>Contacto</li>

                <li>Biografia</li>

            </ul>

        </nav>

    </body>

 
    <script type="application/javascript">

    </script>

 
</html>

El menú de botones que aprendí, lo saqué de este ejemplo:

http://www.youtube.com/watch?v=W1xOoOhv90A

alexperaza · #2 (**permalink**) 22/12/2013, 10:09

Lo que tienes que hacer es aplicarle una clase al boton

Código HTML:

Ver original<input value="Biografía" onclick="historia();" type="button" class="botoncss">

y en el css

Código CSS:

Ver original.botoncss{
width:10px;
height:12px;
etc...
}

las propiedades del boton siempre se mantienen siempre ejecuta el javascript al dar click

hcrisel · #3 (**permalink**) 22/12/2013, 18:20

Cita:

Iniciado por alexperaza

Lo que tienes que hacer es aplicarle una clase al boton

Alex Muchisimas Gracias.

He usado este fin de semana para comprender la lógica de programación del HTML5, como así CSS y JQUERY. Finalmente he comprendido como debo estudiarlo.

Muy agradecido por la mano.

Con respecto al (Evento) onclic me pasó igual.

Ahora me queda claro como debo construir su estructura.

En otras palabras es como volver a la programación del MSDOS (Clipper).

TE y les deseo lo mejor a todos!!