viñetas horizontales

[user2008]

pues eso, se puede programar viñetas horizontales? como?

[ElJavista]

A qué te refieres con viñetas horizontales? explicate.

[user2008]

al hacer una web
puedes poner viñetas
las mismas se colocan y se ordenan de manera vertical
hay alguna manera de poner viñetas en un menu horizontal?

[kseso?]

Este es un tema que no hace tanto fue tratado.
Pásate por este post y verás algunos ejemplos y las variadas opiniones de algunos compañeros.
Un saludo

[user2008]

no encontre la info que busco

a ver:
lo qe quiero hacer es colocar un menu horizontal, utilizando viñetas, tal como lo hace esta web_
http://www.advice-landforsale.co.uk/

espero su ayuda
sls!

[Mikmoro]

Como hace esa web, ¿dónde?

[kseso?]

Si quitamos el menú superior que está horizontal (inline) todo lo demás es vertical, me parece.
Aunque quizás no hayamos preguntado nosotros a qué llama 'viñetas'.

[user2008]

me refiero arriba, abajo del titulo
cuyo codigo es:

Código:

<ul>
  <li><a href="land-for-sale.htm" class="left">Land for Sale</a></li>
  <li><a href="land-information.htm" class="regular">Information</a></li>
  <li><a href="land-articles.htm" class="regular">Articles</a></li>

  <li><a href="land-news.htm" class="regular">News</a></li>
  <li><a href="register.htm" class="right">Register</a></li>
</ul>

[kseso?]

Hola User2008
Pues con el código html que tú has puesto y el css que tienes abajo, ya puedes experimental con ese menú:

}
div#bread {
border-color:-moz-use-text-color -moz-use-text-color #DDDDDD;
border-style:none none solid;
border-width:0 0 1px;
float:right;
margin-bottom:0;
margin-left:0;
margin-right:20px !important;
margin-top:0;
padding:9px 0 0;
width:712px;
}

#bread ul {
-x-system-font:none;
font-family:Verdana,Arial,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 10px;
}

#bread ul li {
display:inline;
}

#bread ul li a {
color:#80CE00;
font-weight:bold;
text-decoration:none;
}

#bread ul li a:hover {
color:#444444;
}

#bread .left {
border-right:1px solid #CCCCCC;
padding:0 10px 0 0;
}

#bread .regular {
border-right:1px solid #CCCCCC;
padding:0 10px;
}

#bread .right {
border-right:0 none;
padding:0 0 0 10px;
}

Suerte, y cualquier cosa ya sabes, preguntas.
Un saludo

[Mikmoro]

Joder, pues sí que me ha costado entenderlo: cuando decías "con viñetas" no te referías a las viñetas realmente, sino a los elementos de lista "li", por eso es que yo no veía viñetas por ninguna parte, y no sabía de qué hablabas.

Ahora entiendo: ¿cómo hacer un menú con una lista (ul) y elementos de la lista (li)?

Pues nada, la respueta la tienes ahí como te ha dicho kseso?, con el html que tú has puesto y el css que él ha añadido.

[user2008]

precisamente, que trozo de codigo las ordena horizontalmente ustedes que saben

saluditos!

[daPhyre]

#menu ul{list-style:none}
#menu li{display:inline}

Un div con esa ID es lo que las pone en la misma línea sin viñetas (Los circulitos). Ya lo demás son detalles. En lo personal, este es mi favorito por básico y popular:

Código:

#menu ul{list-style:none}
#menu li{display:inline}
#menu li:before{content:" || "}
#menu li:first-child:before{content:""}

Ya si quieres editarlo de una forma más personalizada y no sabes como hacerlo, con gusto ayudaremos a tus dudas. Suerte

[user2008]

Exacto, pero lo quiero incluir dentro de una tabla horizontal.

Agradescu su ayuda