Foros del Web » Creando para Internet » HTML »

Como poner el menu en línea

Estas en el tema de Como poner el menu en línea en el foro de HTML en Foros del Web. hola amigos les tengo una gran duda!!!! conseguí un menú en html que es así pero yo quiero que se mire así este es el ...
  #1 (permalink)  
Antiguo 24/11/2010, 21:54
 
Fecha de Ingreso: noviembre-2010
Mensajes: 7
Antigüedad: 7 años
Puntos: 0
Como poner el menu en línea

hola amigos les tengo una gran duda!!!! conseguí un menú en html que es así


pero yo quiero que se mire así


este es el código html

Código HTML:
<div align="right">
    <center>
        <a href="URL_PAGINA"><img class="pushbutton" src="http://www.fileden.com/files/2010/8/4/2933396/flecha%20izquierda.gif" title="TRUCO ANTERIOR" alt="" /></a>
    </center>

    <center>
        <a href="URL_PAGINA"><img class="pushbutton" src="http://www.fileden.com/files/2010/8/4/2933396/escribeme.gif" title="ESCRIBEME" alt="" /></a>
    </center>

    <center>
        <a href="URL_PAGINA"><img class="pushbutton" src="http://www.fileden.com/files/2010/8/4/2933396/homes.gif" title="INICIO" alt="" /></a>
    </center>

    <center>
        <a href="URL_PAGINA"><img class="pushbutton" src="http://www.fileden.com/files/2010/8/4/2933396/flecha%20derecha.gif" title="TRUCO SIGUIENTE" alt="" /></a> <a href="URL_PAGINA"><img class=
        "pushbutton" alt="" /></a>
    </center>
</div> 

porfa ayuda!!!!!!!!!!!!
  #2 (permalink)  
Antiguo 24/11/2010, 22:26
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Como poner el menu en línea

fijate que cada enlace esta envuelto en elementos <center>. ahi es donde esta el problema, pues <center> es un elemento de tipo bloque. lo que significa que el elemento crea saltos de linea antes y despues del elemento. simplemente tienes que envolver todos los enlaces en un solo <center>. nota: <center> es un elemento ya en desuso.
__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #3 (permalink)  
Antiguo 25/11/2010, 11:01
 
Fecha de Ingreso: noviembre-2010
Ubicación: Lima - Perú
Mensajes: 1
Antigüedad: 7 años
Puntos: 0
Respuesta: Como poner el menu en línea

Olas, mira amigo también prodias hacerlo con listas y css, creo que es mejor que usar center, ya que como dice zerokilled, esa etiqueta esta en desuso, chequea este código, bueno yo lo arreglaria asi:

Código HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Menu</title>
    <style type="text/css">
    a img { 
        border-style: none;
    }
    #menu {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    #menu li {
        float: left;
        margin: 5px;
    }
    </style>
</head>
<body>
    <ul id="menu">
        <li><a href=#><img src="b-f.png" width="25px" height="25px"/></li>
        <li><a href=#><img src="carta.png" width="25px" height="25px" /></li>
        <li><a href=#><img src="casa.png" width="25px" height="25px" /></li>
        <li><a href=#><img src="a-f.png" width="25px" height="25px" /></li>
    </ul>
</body>
</html> 

Etiquetas: poner
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




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