Como crear menu horizontal separado con lineas en el medio

DjKelvim · #1 (**permalink**) 12/08/2008, 22:48

Hola a todos...ando buscando por alli una ayudita para un simple menun horizontal css asi:

------- opcion 1 -------opcion 2 ------- opcion 3 ----------------------------------------------

pero las opciones del menu encerradas en un cuadrito cada una y la linea que atraviesa por el medio como se puede apreciar....le agradeceria mucha la ayuda

kseso? · #2 (**permalink**) 13/08/2008, 15:56

"pero las opciones del menu encerradas en un cuadrito"
border: dashed Xpx #color;

"la linea que atraviesa por el medio"
Créate una imagen .gif y colócala como background repetido en x.

Es solo una idea
Un saludo

DjKelvim · #3 (**permalink**) 13/08/2008, 21:57

Estube intentando toda la noche y busque en la web y nada parecido con lo que yo quiero, el dashed es para las lineas punteadas no especifique bien pero no es una linea asi ---- lo que yo quiero poner, sino asi __________ , solid en vez de dashed, pero en medio de los cuadros asi " -| 1 |-" pero para separar o colocar 2 opciones.
Si me corriges, la imagen que hice fue como un punto asi "·" de pequeño, te dejo el codigo para ver si me corriges, estoy nuevo en esto y me disculpas....saludos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html>
<head>
<title>SuperfluousBanter 2003 Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
</style>
</head>

<body>
<h4></h4>

<div id="navcontainer">
<ul id="navlist">

<li><a href="Home.html">Home</a></li>
<li><a href="Products.html">Products</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Support.html">Support</a></li>
<li id="active"><a id="current" href="Order.html">Order</a></li>
<li><a href="News.html">News</a></li>
<li><a href="About.html">About</a></li>

</ul>
</div>
</body>
</html>

artur22 · #4 (**permalink**) 13/08/2008, 21:59

estamos esperando el codigo xD!

kseso? · #5 (**permalink**) 14/08/2008, 12:20

Hola Djkelvin:
no termino de entender lo que quieres hacer, pues primero colocas un menú en horizoltal y en el código que has puesto yo lo veo en vertical.
Creo que te sería conveniente echar un vistazo a este tutorial (por ejemplo) y a esta serie de menús publicados por Mikemoro en las faq´s post #70 y #71.
Un saludo