problemas con la seccion "menu"

ok

tenemos algo como esto verdad??
no se como lo llamen pero yo lo llamo kit

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline; background-color: silver;}
a:active {}

y le da caracteristicas a toodo lo que tenga enlace

bueno pues tu puedes tener tantos kit como quieras, y decirle, bueno...

kit numero 1 solamente funciona para los enlaces del menu horizontal el que está arriba

kit numero 2 solamente funciona para los enlaces de menu vertical (el que está a la izquierda)



hasta aqui se mira muy sencillo verdad??, pero falta que nos haga caso ejej

ok
pues primer kit: (en la hoja de estilos heee?)

A.uno {} /*Para caracteristicas generales a los enlaces*/
A.uno:LINK {} /*para el enlace, tal cual*/
A.uno:VISITED {} /*Para cuando ha sido visitado*/
A.uno:HOVER {} /*Cuando el ratón está sobre él*/
A.uno:ACTIVE {} /*Cuando está siendo pulsado*/

y la orden en el documento .html

sería asi:

Enlace que le hace caso al kit uno
Ya te das una idea?

saludos

yo acabo de hacer algo parecido pero no puse el "kit" completo solo puse lo siguiente:
#logotipo a:hover {background-color: white}

para solo darle la orden de k cuando el raton pasa el fondo sea blanco!
puedo dejarlo asi o tengo k ponerlo de alguna otra manera?

para que funcione bien en todos los navegadores

tienes que tener el kit completo (aunque varias secciones esté vacias)

a de mas tiene que estar en el orden que te lo dí

saludos

lo del orden lo sabia lo otro es k no estava seguro..pero me kedo claro muchisimas gracias de neuvo :D

saludos^^

EDIT: en mi caso tendria k verse algo asi en la hoja de estilo?:

kit 1:
a
a:link
a:visited
a:hover
a:active

kit 2:
#logotipo a
#logotipo a:link
#logotipo a:visited
#logotipo a:hiver
#logotipo a:active

cierto?

mmm

creo que no

mira lo de kit 1; kit 2 ; etc.
no creo que signifique nada para la hoja de estilos
solo te lo decía por llamarlos de alguna manera

por ejemplo tienes asi:

a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline; background-color: silver;}
a:active {}

para todos los enlaces hasta aqui no hay duda verdad?

y mas abajito ponemos este otro

a.uno {color: brown ; text-decoration:none ; display: block }
a.uno:link {}
a.uno:visited {}
a.uno:hover {}
a.uno:active {}

(en rojo he puesto "uno" pero lo puedes identificar como gustes)


ya en el documento html hacemos referencia asi

enlaces generales
<a class="uno" href="#">enlaces con caracteristicas distintas<a/>

porlomenos asta donde e estado viendo todo esta correcto! ya vere en el final de el curso si sigue todo en orden :D

y si pongo el "uno" o otra cosa como me comentas tu, como va a saber la hoja de estilo a quien tiene k dar la orden?

ya me confundi xD

no da igual yo poner "logotipo a:hover {background-color: white}"

y poner: "a.logotipo:hover {background-color: white}"

no va siendo lo mismo?

es k ahora me confundo pk en lo ke visto de curso normalmente se pone primero el nombre de lo k kieres dar la orden (en este caso el logotipo) y despues se pone la orden (en este caso a:hover.......)


diskulpa este problema todo pero me gustaria aclarar el asunto para saber si lo puedo hacer nuevamente en un futuro o de k manera devo hacerlo =D

muchsimas gracias por la ayuda desde ya :D

mmm

pues yo trato de explicarte solamente lo que yo se, y lo que he probado

pero estoy segura que hay mas formas de hacerlo

porque hablando de estilos hay un mundo por conocer

pero en el caso del que hablamos, supongo que puedes hacer pruebas
y ver el resultado que te da

si te funciona asi, pues adelante

saludos

Saludos!

y si pongo el "uno" o otra cosa como me comentas tu, como va a saber la hoja de estilo a quien tiene k dar la orden?

En la hoja de estilo puedes crear varios tipos de enlaces, por ejemplo:

a.uno:link {color:red}
a.uno:visited {}
a.uno:hover {}
a.uno:active {}

a.dos:link {color:blue}
a.dos:visited {}
a.dos:hover {}
a.dos:active {}

Guardas la hoja de estilo y el navegador ya conoce dos tipos distintos. Ahora, en el html, si quieres un enlace rojo solo tienes que hacer esto:
este es un enlace rojo, de tipo uno
o esto:
este es un enlace azul, de tipo dos

no da igual yo poner "logotipo a:hover {background-color: white}"
y poner: "a.logotipo:hover {background-color: white}"
no va siendo lo mismo?

No. Lo primero define cómo serán todos los enlaces que estén dentro de la capa logotipo (pero te ha faltado ponerle la almohadilla antes, así #logotipo a:hover {......}.
Lo segundo define un tipo de enlace llamado logotipo, que no tiene que ver con que esté o no en la capa #logotipo.

es k ahora me confundo pk en lo ke visto de curso normalmente se pone primero el nombre de lo k kieres dar la orden (en este caso el logotipo) y despues se pone la orden (en este caso a:hover.......)

Si, son dos formas de hacerlo como te he dicho antes. Si quieres dar unas propiedades a todos los enlaces de dentro de la capa #logotipo basta con poner #logotipo a:...lo que sea. Y no hace falta luego ponerle ningún class="xxxx" al enlace en el html, pues ya le has dicho en la hoja de estilo que esas propiedades han de tomarlas TODOS lo enlaces de dentro de esa capa.
Si prefieres crear un tipo de enlace, por ejemplo el tipo uno de antes, se define del otro modo, con a.uno:linl {} etc, etc.
La diferencia es que de este otro modo puedes aplicar ese estilo a un enlace esté dentro o no de la capa #logotipo.... es un poco complicado... je je.

Un abrazo!

jeje pues en ese caso como lo tengo funcionara perfectamente^^ aunque lo mas seguro es k luego camie el logotipo por eso esto keda asi solo por el momento =P

un millon de gracias...abrazo :D