Foros del Web » Creando para Internet » CSS »

Menu con botón activo

Estas en el tema de Menu con botón activo en el foro de CSS en Foros del Web. Qué pasa fenómenos! Hace un par o tres de dias que le estoy dando a este código con el fin de dejar el botón de ...
  #1 (permalink)  
Antiguo 01/05/2010, 00:40
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 7 años, 7 meses
Puntos: 0
Menu con botón activo

Qué pasa fenómenos!

Hace un par o tres de dias que le estoy dando a este código con el fin de dejar el botón de la pagina en la que estoy activo, pero no hay manera. Os dejo el código:
Código:
ul.menux {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menux {
	
	width: 160px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	}
	
#menux li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	
	
#menux li a:link, #menux li a:visited {
	color: #8BADCF;
	display: block;
	background:  url(menu.gif);
	padding: 8px 0 0 10px;
	}
	
#menux li a:hover {
	color: #627EB7;
	background:  url(menu.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

a.activo { 
	color: #627EB7;
	background:  url(menu.gif); 0 -32px;
	padding: 8px 0 0 10px;
	}
Código HTML:
<div id="menux">
		<ul class="menux">
			<li><a href="../Pràctica1/index.html" title="Currículum Vitae">Currículum Vitae</a></li>
			<li><a href="../Pràctica1/practica1e.html" title="Enllaços d'interès">Enllaços d'interès</a></li>
			<li><a href="../Pràctica1/practica1i.html" title="Intro a la programació">Intro a la programació</a></li>
			<li><a href="../Pràctica1/practica1h.html" title="HTML i CSS">HTML i CSS</a></li>
			<li><a href="practica2t.html" title="Taula">Taula</a></li>
            <li><a href="practica2f.html" title="Formulari">Formulari</a></li>
            <li><a href="practica2i.html" title="Intro a GIMP"  class="activo">Intro a GIMP</a></li>	
		</ul>
	</div> 
Diria que el problema viene porque la linea
Código:
#menux li a:link, #menux li a:visited {
machaca a la
Código:
a.activo
pero no soy capaz de hacerlo funcionar...

NOS VEMOOOOOOOOOS !!!
  #2 (permalink)  
Antiguo 01/05/2010, 00:48
 
Fecha de Ingreso: mayo-2010
Mensajes: 2
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Menu con botón activo

HEY! ya lo he conseguido! adjunto código CSS

Código CSS:
Ver original
  1. ul.menux {
  2.     list-style: none;
  3.     margin: 0;
  4.     padding: 0;
  5.     }
  6.  
  7. #menux {
  8.    
  9.     width: 160px;
  10.     margin: 10px;
  11.     border-style: solid solid none solid;
  12.     border-color: #BCD2E6;
  13.     border-size: 1px;
  14.     border-width: 1px;
  15.     }
  16.    
  17. #menux li a {
  18.     height: 32px;
  19.     height: 24px;
  20.     text-decoration: none;
  21.     }  
  22.    
  23. #menux li a:link, #menux li a:visited {
  24.     color: #8BADCF;
  25.     display: block;
  26.     background:  url(menu.gif);
  27.     padding: 8px 0 0 10px;
  28.     }
  29.    
  30. #menux li a:hover {
  31.     color: #627EB7;
  32.     background:  url(menu.gif) 0 -32px;
  33.     padding: 8px 0 0 10px;
  34.     }
  35.  
  36. #menux ul a.activo {
  37.     color: #8BADCF;
  38.     display: block;
  39.     background:  url(menu.gif) 0 -32px;
  40.     padding: 8px 0 0 10px;
  41.     }

Etiquetas: Ninguno
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 22:47.