Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 26-may-2008, 11:07   #1 (permalink)
juampick no se puede cailificar en este momento
 
Fecha de Ingreso: julio-2007
Mensajes: 57
Menu CSS con estados

Hola, que tal? Estoy tratando hace unos días de modificar un poco los colores de mi menu css pero no lo he logrado. He creado una clase "selected" para ponersela en cada sección del sitio correspondiente. Acá va el código así comprenden mejor:

Html:
Código:
<div id="buttons">
<ul>
<li><a href="/">Historia</a></li>
<li><a href="/">Contacto</a></li>
<li><a href="/">Recursos</a></li>
<li><a href="/">Links</a></li>
<li><a href="/">Galería</a></li>
<li class="selected"><a href="/">Inicio</a></li>
</ul>
</div>


Css:
Código:
#buttons {
padding:1em;
height:1.5em;
color:#ffffff;
}
#buttons li {
float:right;
list-style-type:none;
white-space:nowrap;
}
#buttons li a {
display:block;
padding:0 5px;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
#buttons .selected {
color:green;
text-decoration:none;
}

#buttons a:hover{
color:red;
text-decoration:none;
}
El problema es que no me funciona la clase selected, le puse color:green como para ver la diferencia pero no anda.
Espero que me puedan ayudar.

Saludos Y Muchas gracias

PD: www.cincomasdos.com.ar/DEMO2/index.html

Última edición por juampick; 26-may-2008 a las 11:12. Razón: Cambio de color de partes importantes y link sitio
juampick está desconectado   Responder Citando
Antiguo 26-may-2008, 11:14   #2 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: Idle. Return on 18/08
Mensajes: 765
Respuesta: Menu CSS con estados

Creo que debes dar la clase a la ancla, pues está dentro del li, y por tanto sus características lo sobreescriben. Suerte!
__________________
<signs> daPhyre </signs>

¿Por qué dejar se usar tablas?
daPhyre está desconectado   Responder Citando
Antiguo 26-may-2008, 11:21   #3 (permalink)
juampick no se puede cailificar en este momento
 
Fecha de Ingreso: julio-2007
Mensajes: 57
Respuesta: Menu CSS con estados

Cita:
Iniciado por daPhyre Ver Mensaje
Creo que debes dar la clase a la ancla, pues está dentro del li, y por tanto sus características lo sobreescriben. Suerte!
He probado cambiando a

Código:
#buttons li a .selected {
color:green;
text-decoration:none;
}
pero no se soluciona. Alguna ayudita??
juampick está desconectado   Responder Citando
Antiguo 26-may-2008, 11:52   #4 (permalink)
daPhyre llegará a ser famoso muy prontodaPhyre llegará a ser famoso muy pronto
 
Avatar de daPhyre
 
Fecha de Ingreso: marzo-2008
Ubicación: Idle. Return on 18/08
Mensajes: 765
Respuesta: Menu CSS con estados

Me refería a esto:

Código HTML:
<li><a class="selected" href="/">Inicio</a></li>
Y otro detalle, no se muy bien como funcionen las clases dentro de los identificadores. Si no funciona, prueba primero sin todo lo que precede a .selected en el CSS. Suerte!
__________________
<signs> daPhyre </signs>

¿Por qué dejar se usar tablas?
daPhyre está desconectado   Responder Citando
Antiguo 26-may-2008, 11:52   #5 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.460
Respuesta: Menu CSS con estados

Cita:
Iniciado por juampick Ver Mensaje
He probado cambiando a

#buttons li a .selected {
color:green;
text-decoration:none;
}

pero no se soluciona. Alguna ayudita??
Hola, juampick.

Está mal puesto. Debe ser

#buttons li.selected a {
color:green;
text-decoration:none;
}

Pruébalo a ver.

Mikel.
Mikmoro esta en línea ahora   Responder Citando
Antiguo 26-may-2008, 12:58   #6 (permalink)
juampick no se puede cailificar en este momento
 
Fecha de Ingreso: julio-2007
Mensajes: 57
Sonrisa Respuesta: Menu CSS con estados

Cita:
Iniciado por Mikmoro Ver Mensaje
Hola, juampick.

Está mal puesto. Debe ser

#buttons li.selected a {
color:green;
text-decoration:none;
}

Pruébalo a ver.

Mikel.
Increible, perfecto Mikel!
Ando hermoso. Ahora entiendo por qué no funcionaba era un "pequeñísimo error". Otra consultita: se puede hacer que en el hover haya como una especie de transición entre 2 colores en loop?? .
Espero que me entiendas.

Gracias

Última edición por juampick; 26-may-2008 a las 13:00. Razón: error ortografico :S
juampick está desconectado   Responder Citando
Antiguo 26-may-2008, 14:38   #7 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.460
Respuesta: Menu CSS con estados

No, lo siento, no sé qué quieres decir.

Mikel.
Mikmoro esta en línea ahora   Responder Citando
Antiguo 26-may-2008, 15:19   #8 (permalink)
juampick no se puede cailificar en este momento
 
Fecha de Ingreso: julio-2007
Mensajes: 57
Respuesta: Menu CSS con estados

Disculpa mi falta de expresión. Quiero saber cómo se puede hacer para modificar mi boton para que sea igual que ahora solamente que en el estado hover en vez de ser asi:
Código:
#buttons a:hover{
color:red;
text-decoration:none;
}
realice en vez de un cambio de color a red haga una transición de colores, es decir vaya entre un amarillo y azul por ejemplo. Me explico ahora?
Hay alguna forma? o tendría que realizarlo con imagenes?

Saludos y muchas gracias por el interés
juampick está desconectado   Responder Citando
Antiguo 26-may-2008, 16:39   #9 (permalink)
Colaborador
Mikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradableMikmoro es realmente agradable
 
Avatar de Mikmoro
 
Fecha de Ingreso: octubre-2006
Ubicación: A tu espalda
Mensajes: 3.460
Respuesta: Menu CSS con estados

No lo sé al cien por cien, pero estoy casi seguro de que no es posible. Eso tendrías que hacerlo con un gif, en el que hagas la transición en dos o más escenas.

Mikel.
Mikmoro esta en línea ahora   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 18:14.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93