Foros del Web » Creando para Internet » CSS »

Como crear menu horizontal separado con lineas en el medio

Estas en el tema de Como crear menu horizontal separado con lineas en el medio en el foro de CSS en Foros del Web. Hola a todos...ando buscando por alli una ayudita para un simple menun horizontal css asi: ------- opcion 1 -------opcion 2 ------- opcion 3 ---------------------------------------------- pero ...
  #1 (permalink)  
Antiguo 12/08/2008, 23:48
 
Fecha de Ingreso: junio-2008
Ubicación: Maracay
Mensajes: 52
Antigüedad: 9 años, 6 meses
Puntos: 0
Sonrisa Como crear menu horizontal separado con lineas en el medio

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
  #2 (permalink)  
Antiguo 13/08/2008, 16:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como crear menu horizontal separado con lineas en el medio

"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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 13/08/2008, 22:57
 
Fecha de Ingreso: junio-2008
Ubicación: Maracay
Mensajes: 52
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Como crear menu horizontal separado con lineas en el medio

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">
<!--
/* CSS Tabs */
#navcontainer { /* none needed */ }

/*ul#navlist {
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;*/
}

ul#navlist li {
float: left;
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
background-image: /Mis Imagenes/imagen.gif;/*#eef4f1;*/
border-top: 2px solid ;
border-bottom: 2px solid;
}

#navlist a, #navlist a:link {
margin: 0;
padding: 5px 9px 4px 9px;
color: ;
border-right: 2px solid ;
text-decoration: none;
}

ul#navlist li#active {

background: /Mis Imagenes/imagen.gif;
}

#navlist a:hover {

background:/Mis Imagenes/imagen.gif; ;
}
-->
</style>
</style>
</head>

<body>
<h4></h4>

<div id="navcontainer">
<ul id="navlist">
<!-- CSS Tabs -->
<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>
  #4 (permalink)  
Antiguo 13/08/2008, 22:59
 
Fecha de Ingreso: agosto-2008
Ubicación: Ushuaia-Argentina
Mensajes: 15
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Como crear menu horizontal separado con lineas en el medio

estamos esperando el codigo xD!
  #5 (permalink)  
Antiguo 14/08/2008, 13:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como crear menu horizontal separado con lineas en el medio

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 01:39.