Nesecito Barra Horizontal Html

isma01 · #1 (**permalink**) 08/09/2008, 12:26

Bueno nesecito una barra horizontal en html alguien me ayuda ¿

Yefb · #2 (**permalink**) 08/09/2008, 12:40

Concretamente a qué te refieres?
Estás hablando de un menú?
Se más específico para poder ayudarte.
Salu2!

isma01 · #3 (**permalink**) 08/09/2008, 13:11

Bueno es para mi web
es una barra de navegacion horizontal ejemplo:

Home Eventos etc etc etc

Que sean en forma link para que puedan entrar

me entiendes
(espero tu respuesta)

Yefb · #4 (**permalink**) 08/09/2008, 13:39

Si te entiendo isma, ok, lo puedes hacer de distintas formas, si tú quieres la forma más sencilla de hacerlo, pues puedes utilizar las tablas.

Por ejemplo:

<table width="858" height="38" border="1">
<tr>
<td height="32"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

Ésta seía una tabla sencilla con 10 celdas para colocar tus enlaces.
Ahora, si lo que quieres es un menú desplegable, ya necesitarías usar Javascript.

Dime si mi ayuda fué suficiente o si deseas algo más sofisticado

.

Saludos!

isma01 · #5 (**permalink**) 08/09/2008, 13:45

donde coloco el link ¿

Yefb · #6 (**permalink**) 08/09/2008, 14:02

isma, si al decir "el link" te refieres a colocar los enlaces que va a contener tu página web.

Pues simplemente reemplazas la parte del código que dice   por el link que deseas poner.

Si no sabes poner un enlace, te recomiendo que trates de documentarte lo más pronto posible.

El enlace los podrás poner de la siguiente manera: <a href="LA DIRECCIÓN A LA QUE LLEVARÁ EL LINK">NOMBRE DEL ENLACE</a>

Eso sí, ten encuenta que si no necesitas poner 10 enlaces, simplemente borras las celdas que no necesites de la tabla que te proporcioné.

Sígueme preguntando que con paciencia te sacaré de tus dudas.

Saludos!

isma01 · #7 (**permalink**) 08/09/2008, 14:23

Hey tengo un problema cuando escribo el enlace se forma en el cuadro se forma un espacio amplio y grande k ago ¿

Sommy · #8 (**permalink**) 08/09/2008, 14:47

Si estas apriendiendo a hacer paginas y arrancas con tablas, es como empezar a estudiar odontologia y usar un taladro...

2008 DIVS!!!!!! Tablas es prehistoria. Proba con esto a ver como te anda...

Saludos!

Código:

<div style="width:780px">
		<div align="center" style="width:50px; float:left"><a href="#">link</a></div>
        <div align="center" style="float:left; width:50px"><a href="#">link</a></div>
        <div style="float:left; width:50px"><a href="#">link</a></div>
        <div align="center" style="float:left; width:50px"><a href="#">link</a></div>
        <div align="center" style="float:left; width:50px"><a href="#">link</a></div>
</div>

Yefb · #9 (**permalink**) 08/09/2008, 15:00

Buen aporte Sommy.
Sin embargo, pensé que sería bueno que se empezara con tablas pero ok, tú sabes más que yo, jeje!

Saludos!

isma01 · #10 (**permalink**) 08/09/2008, 15:01

La letra esta junta xD que parte del codigo le quito ¿

(ya lo solucione)

Yefb · #11 (**permalink**) 08/09/2008, 15:14

En la parte donde dice herf="#" le cambiar el # por la URL a la que quieres que valla el link, y donde dice LINK, pones el nombre que deseas que tenga el enlace.
Por ejemplo, si quieres que valla a Google sería ...href="http://www.google.com"...
Y antes de la etiqueta </div> que es donde dice LINK, pondrías Google.

Si me hago entender?
Saludos!

isma01 · #12 (**permalink**) 08/09/2008, 15:35

Gracias' Solucionado]