Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/08/2008, 21:57
DjKelvim
 
Fecha de Ingreso: junio-2008
Ubicación: Maracay
Mensajes: 52
Antigüedad: 15 años, 10 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>