Re: [WSG] a a:hover

2008-03-20 Thread Max A. Shpack
Hi Laert

This works:

a.someclass:hover {}

and then apply class to the link.

Max.

2008/3/20, Laert Jansen [EMAIL PROTECTED]:
 Hello everyone!

 Well, I looking for some help. I don´t know how to create more than one a
 a:hover

 I have my css here

 a {
 color: #FFF;
 text-decoration:none;

 }

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

 and the html where the word launch should have another a a:hover

 div class=menu
 ul
 liBittencourt Lopes/li
  lispanRole./spanWebsite design/li
 lispanAgency./spana href=http://www.220i.com.br;
 target=_blank220i/a/li
  lia
 href=http://www.bittencourtlopes.com.br/; target=_blank
 title=LaunchemLaunch/em/a/li
  /ul
 /div

 How do I apply a different a ahover to this link?

 Thanks a lot
 --
 Laert Jansen
 www.laertjansen.com

 ***
 List Guidelines:
 http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe:
 http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] a a:hover

2008-03-20 Thread Martin Heiden
Olá!

on Thursday, March 20, 2008 at 15:38 wsg@webstandardsgroup.org wrote:

 and the html where the word launch should have another a a:hover

 div class=menu
 ul
 liBittencourt Lopes/li
 lispanRole./spanWebsite design/li
 lispanAgency./spana
 href=http://www.220i.com.br;
target=_blank220i/a/li
 lia href=http://www.bittencourtlopes.com.br/;
 target=_blank title=LaunchemLaunch/em/a/li
 /ul
 /div

 How do I apply a different a ahover to this link?

If this hover should apply to all links under div.menu try:

div.menu a:hover {}

or give the link a class and define:

a.newclass:hover {}

regards

  Martin

 





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] a a:hover

2008-03-20 Thread Laert Jansen
Olá! :)

I´m trying this:

a.launch:hover {
color:#FF7400;
text-decoration:underline;
}


and html

li class=launcha href=http://www.bittencourtlopes.com.br/;
target=_blank title=LaunchemLaunch/em/a/li

but is not working...Where´s my mistake?

Thanks a lot!




On Thu, Mar 20, 2008 at 12:17 PM, Martin Heiden [EMAIL PROTECTED]
wrote:

 Olá!

 on Thursday, March 20, 2008 at 15:38 wsg@webstandardsgroup.org wrote:

  and the html where the word launch should have another a a:hover

  div class=menu
  ul
  liBittencourt Lopes/li
  lispanRole./spanWebsite design/li
  lispanAgency./spana
  href=http://www.220i.com.br;
 target=_blank220i/a/li
  lia href=http://www.bittencourtlopes.com.br/;
  target=_blank title=LaunchemLaunch/em/a/li
  /ul
  /div

  How do I apply a different a ahover to this link?

 If this hover should apply to all links under div.menu try:

 div.menu a:hover {}

 or give the link a class and define:

 a.newclass:hover {}

 regards

  Martin







 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




-- 
Laert Jansen
www.laertjansen.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


Re: [WSG] a a:hover

2008-03-20 Thread Gregorio Espadas
The class must be applied to the anchor a, not li.

Gregorio Espadas

gespadas [at] gmail [dot] com


On Thu, Mar 20, 2008 at 9:34 AM, Laert Jansen [EMAIL PROTECTED] wrote:

 Olá! :)

 I´m trying this:

 a.launch:hover {
 color:#FF7400;
 text-decoration:underline;
 }


 and html

 li class=launcha href=http://www.bittencourtlopes.com.br/;
 target=_blank title=LaunchemLaunch/em/a/li

 but is not working...Where´s my mistake?

 Thanks a lot!





 On Thu, Mar 20, 2008 at 12:17 PM, Martin Heiden [EMAIL PROTECTED]
 wrote:

  Olá!
 
  on Thursday, March 20, 2008 at 15:38 wsg@webstandardsgroup.org wrote:
 
   and the html where the word launch should have another a a:hover
 
   div class=menu
   ul
   liBittencourt Lopes/li
   lispanRole./spanWebsite design/li
   lispanAgency./spana
   href=http://www.220i.com.br;
  target=_blank220i/a/li
   lia href=http://www.bittencourtlopes.com.br/;
   target=_blank title=LaunchemLaunch/em/a/li
   /ul
   /div
 
   How do I apply a different a ahover to this link?
 
  If this hover should apply to all links under div.menu try:
 
  div.menu a:hover {}
 
  or give the link a class and define:
 
  a.newclass:hover {}
 
  regards
 
   Martin
 
 
 
 
 
 
 
  ***
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: [EMAIL PROTECTED]
  ***
 
 


 --
 Laert Jansen
 www.laertjansen.com

 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] a a:hover

2008-03-20 Thread Laert Jansen
I found it.

lia href=http://www.bittencourtlopes.com.br/; target=_blank
title=Launch *class=launch*

Thanks a lot Max and Martin for the help!

On Thu, Mar 20, 2008 at 12:34 PM, Laert Jansen [EMAIL PROTECTED]
wrote:

 Olá! :)

 I´m trying this:

 a.launch:hover {
 color:#FF7400;
 text-decoration:underline;
 }


 and html

 li class=launcha href=http://www.bittencourtlopes.com.br/;
 target=_blank title=LaunchemLaunch/em/a/li

 but is not working...Where´s my mistake?

 Thanks a lot!




 On Thu, Mar 20, 2008 at 12:17 PM, Martin Heiden [EMAIL PROTECTED]
 wrote:

  Olá!
 
  on Thursday, March 20, 2008 at 15:38 wsg@webstandardsgroup.org wrote:
 
   and the html where the word launch should have another a a:hover
 
   div class=menu
   ul
   liBittencourt Lopes/li
   lispanRole./spanWebsite design/li
   lispanAgency./spana
   href=http://www.220i.com.br;
  target=_blank220i/a/li
   lia href=http://www.bittencourtlopes.com.br/;
   target=_blank title=LaunchemLaunch/em/a/li
   /ul
   /div
 
   How do I apply a different a ahover to this link?
 
  If this hover should apply to all links under div.menu try:
 
  div.menu a:hover {}
 
  or give the link a class and define:
 
  a.newclass:hover {}
 
  regards
 
   Martin
 
 
 
 
 
 
 
  ***
  List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
  Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
  Help: [EMAIL PROTECTED]
  ***
 
 


 --
 Laert Jansen
 www.laertjansen.com

 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




-- 
Laert Jansen
www.laertjansen.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


RE: [WSG] a a:hover

2008-03-20 Thread Peter Goddard
Try:

 

lia href=http://www.bittencourtlopes.com.br/; target=_blank 
title=Launch class=launchemLaunch/em/a/li

 

or

 

in stylesheet

 

li.launch a:hover

 

HTH

 

Peter Goddard

Developer/Programmer

PSI Global Ltd, Bowburn, Durham DH6 5AD, UK
T: +44 (0) 191 3774742
F: +44 (0) 191 3770769
E: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] 






From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Laert Jansen
Sent: 20 March 2008 15:35
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] a a:hover

 

Olá! :)

I´m trying this: 

a.launch:hover {
color:#FF7400;
text-decoration:underline;
}


and html

li class=launcha href=http://www.bittencourtlopes.com.br/; 
target=_blank title=LaunchemLaunch/em/a/li

but is not working...Where´s my mistake? 

Thanks a lot!





On Thu, Mar 20, 2008 at 12:17 PM, Martin Heiden [EMAIL PROTECTED] wrote:

Olá!


on Thursday, March 20, 2008 at 15:38 wsg@webstandardsgroup.org wrote:

 and the html where the word launch should have another a a:hover

 div class=menu
 ul
 liBittencourt Lopes/li
 lispanRole./spanWebsite design/li
 lispanAgency./spana
 href=http://www.220i.com.br;
target=_blank220i/a/li
 lia href=http://www.bittencourtlopes.com.br/;
 target=_blank title=LaunchemLaunch/em/a/li
 /ul
 /div

 How do I apply a different a ahover to this link?

If this hover should apply to all links under div.menu try:

div.menu a:hover {}

or give the link a class and define:

a.newclass:hover {}

regards

 Martin








***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***




-- 
Laert Jansen
www.laertjansen.com

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*** 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


RE: [WSG] a a:hover

2008-03-20 Thread Kepler Gelotte
Hi,

 

When appending the class name to the element as you did in:

 

a.launch:hover

 

the class *must* be in the element tag that you specified. You put the
class=launch in the li element, not the a element. To solve it, either
change your CSS to:

 

li.launch a:hover

 

*or* change your HTML to:

 

lia href=http://www.bittencourtlopes.com.br/; class=launch
target=_blank title=LaunchemLaunch/em/a/li



Best regards,

Kepler Gelotte

Neighbor Webmaster, Inc.

156 Normandy Dr., Piscataway, NJ 08854

 http://www.neighborwebmaster.com www.neighborwebmaster.com

phone/fax: (732) 302-0904

 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD



Re: [WSG] a a:hover

2008-03-20 Thread Laert Jansen
I don´t know why is it happening but the hover is ok, working with all the
links but the link is working only in one link. Here´s the style

li.launch a:link{
color:#CDEB8B;
}


li.launch a:hover{
color:#CDEB8B;
text-decoration:underline;
}

On Thu, Mar 20, 2008 at 1:09 PM, Kepler Gelotte 
[EMAIL PROTECTED] wrote:

  Hi,



 When appending the class name to the element as you did in:



 a.launch:hover



 the class **must** be in the element tag that you specified. You put the
 class=launch in the li element, not the a element. To solve it, either
 change your CSS to:



 li.launch a:hover



 **or** change your HTML to:



 lia href=http://www.bittencourtlopes.com.br/; class=launch
 target=_blank title=LaunchemLaunch/em/a/li

  Best regards,

 *Kepler Gelotte*

 Neighbor Webmaster, Inc.

 156 Normandy Dr., Piscataway, NJ 08854

 www.neighborwebmaster.com

 phone/fax: (732) 302-0904



 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***




-- 
Laert Jansen
www.laertjansen.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


RE: [WSG] a a:hover

2008-03-20 Thread Kepler Gelotte
*  I don´t know why is it happening but the hover is ok, working with
all the links but the link is working only in one link. Here´s the style



Make sure you are also setting “:visited” as well:

 


li.launch a:link{
color:#CDEB8B;
}

li.launch a:visited{
color:#CDEB8B;
}


li.launch a:hover{
color:#CDEB8B;
text-decoration:underline;
}

 

If that doesn’t work, make sure you have the class=”launch” on all list
elements that you want the color applied to.

 

Hope that helps.

Best regards,

Kepler Gelotte

Neighbor Webmaster, Inc.

156 Normandy Dr., Piscataway, NJ 08854

 http://www.neighborwebmaster.com www.neighborwebmaster.com

phone/fax: (732) 302-0904

 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD