Foros del Web » Creando para Internet » CSS »

Fondo en los menus

Estas en el tema de Fondo en los menus en el foro de CSS en Foros del Web. Hola a todos. Mi problema ahora es el siguiente: Quiero poner un menú de navegación en la izquierda con texto pero que el fondo cambie ...
  #1 (permalink)  
Antiguo 22/02/2006, 12:18
 
Fecha de Ingreso: noviembre-2002
Mensajes: 10
Antigüedad: 15 años, 1 mes
Puntos: 0
Fondo en los menus

Hola a todos.
Mi problema ahora es el siguiente:
Quiero poner un menú de navegación en la izquierda con texto pero que el fondo cambie de color al pasar el ratón. Estoy intentando hacerlo en base a css, pero no doy con ello.
Un ejemplo de lo que quiero hacer es el menú de esta pag:
oxfordcity.co.uk/oxford/home_accommodation.html
Me podeis echar una mano o darme alguna pista.
Gracias anticipadas, un saludo.
  #2 (permalink)  
Antiguo 22/02/2006, 12:46
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
Hola eugeniodiaz.

¿Te refieres a algo como esto?

http://www.forosdelweb.com/showthrea...ht=sem%E1ntica
  #3 (permalink)  
Antiguo 22/02/2006, 12:54
 
Fecha de Ingreso: noviembre-2002
Mensajes: 10
Antigüedad: 15 años, 1 mes
Puntos: 0
Precisamente no

Gracias pero no entiendo bien que quieres decir.
Lo que quiero es lo que hace la web que indico arriba.
En cualquier caso muchas gracias.
  #4 (permalink)  
Antiguo 22/02/2006, 13:40
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
Hola eugeniodiaz.

El efecto sobre el que consultas de la web que indicaste está realizado hasta donde yo he visto con las denominadas seudoclases.

El menu que mencionas hace un uso estenso de diversas seudoclases, me pareció más didáctico ofrecerte un código mucho más simple y breve en el que se hace uso de una sola seudoclase :hover

Siento que no lo hayas entendido. Me suele pasar.

Con un poco de suerte otro forista te lo esplicará mejor que yo.
  #5 (permalink)  
Antiguo 22/02/2006, 21:41
Ami
 
Fecha de Ingreso: noviembre-2004
Mensajes: 67
Antigüedad: 13 años
Puntos: 0
De acuerdo menu css

Hola

En este enlace está lo que buscas: http://css.maxdesign.com.au/listamatic/vertical08.htm, ahí puedes ver el ejemplo en acción más su respectivo código, el cual pego más abajo.

Checa también el enlace principal, que ya había recomendado en otro post, porque hay una cantidad enorme de ejemplos de menús para escoger http://css.maxdesign.com.au/listamatic/index.htm y http://css.maxdesign.com.au/listamatic2/index.htm

-------

Author: Russ Weakley

Comments: Rollovers can be achieved by converting the a elements within the list to blocks using display: block; and swapping background colors using the a:hover pseudo-class.

Browser support chart
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}
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 19:05.