Foros del Web » Creando para Internet » Diseño web »

viñetas horizontales

Estas en el tema de viñetas horizontales en el foro de Diseño web en Foros del Web. pues eso, se puede programar viñetas horizontales? como?...
  #1 (permalink)  
Antiguo 16/10/2008, 12:32
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 9 años, 3 meses
Puntos: 2
viñetas horizontales

pues eso, se puede programar viñetas horizontales? como?
__________________
Celulares
  #2 (permalink)  
Antiguo 16/10/2008, 12:45
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: viñetas horizontales

A qué te refieres con viñetas horizontales? explicate.
  #3 (permalink)  
Antiguo 16/10/2008, 13:13
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: viñetas horizontales

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?
__________________
Celulares
  #4 (permalink)  
Antiguo 16/10/2008, 13:26
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: viñetas horizontales

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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 16/10/2008, 23:36
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: viñetas horizontales

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!
__________________
Celulares
  #6 (permalink)  
Antiguo 17/10/2008, 05:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: viñetas horizontales

Como hace esa web, ¿dónde?
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 17/10/2008, 07:06
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: viñetas horizontales

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'.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 17/10/2008, 15:44
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: viñetas horizontales

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>
__________________
Celulares
  #9 (permalink)  
Antiguo 17/10/2008, 16:20
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: viñetas horizontales

Hola User2008
Pues con el código html que tú has puesto y el css que tienes abajo, ya puedes experimental con ese menú:
Cita:
}
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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 17/10/2008, 16:57
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: viñetas horizontales

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.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 17/10/2008, 19:48
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: viñetas horizontales

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

saluditos!
__________________
Celulares
  #12 (permalink)  
Antiguo 17/10/2008, 23:06
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: viñetas horizontales

#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
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #13 (permalink)  
Antiguo 17/10/2008, 23:40
 
Fecha de Ingreso: agosto-2008
Mensajes: 181
Antigüedad: 9 años, 3 meses
Puntos: 2
Respuesta: viñetas horizontales

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

Agradescu su ayuda
__________________
Celulares
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 00:31.