Comunidad de diseño web y desarrollo en internet online

css hover, link etc para un menú

Citar            
MensajeEscrito el 29 Oct 2011 10:51 pm
Hola, estoy tocando un css sin tener mucha idea la verdad,

Yo quiero ponerle atributos en el css, solo a un texto concreto, en mi caso lo he llamado texton, los primeros atributos salen bien, pero lo de link, hover etc, no me sale.
he probado poner .texton a:link .texton a.link texton a.link y cosas así ¿como se hace eso?Pego debajo lo que tengo.

Gracias


texton {
color: white;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
texton a,
texton a:link {
color: white;
font-size: 10pt;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-decoration: none;
}
texton a:visited {
color: white;
font-size: 10pt;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-decoration: none;
}
texton a:hover {
color: #002f51;
font-size: 10pt;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-decoration: none;
}

Por javitopo

3 de clabLevel



 

msie8
Citar            
MensajeEscrito el 29 Oct 2011 10:58 pm
Separa con comas cada estilo que necesites manipular:

Código :

texton a:hover, texton a:visited { estilo }

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome
Citar            
MensajeEscrito el 29 Oct 2011 11:43 pm
Entonces así en teoria ¿ya deberia funcionar bien?

texton {
color: white;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
texton a:link, a:visited,{
color: white;
font-size: 10pt;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-decoration: none;
}

texton a:hover, {
color: #002f51;
font-size: 10pt;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
text-decoration: none;
}

No me funciona bien, no se si porque en el mismo archivo css abajo tengo esto,

/* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
/* See http://www.phpbb.com/bugs/phpbb3/59685 */
a:link {
color: #006597;
text-decoration: none;
}

a:visited {
color: #005784;
text-decoration: none;
}

a:hover {
color: #D46400;
text-decoration: underline;
}

a:active {
color: #005784;
text-decoration: none;

Por javitopo

3 de clabLevel



 

msie8
Citar            
MensajeEscrito el 30 Oct 2011 02:37 am
¿Qué es texton? ¿Una nueva etiqueta? Si tiene id ponle #texton si es clase ponle .texton

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.