RE: [WSG] Image links display hover
The problem is in your a:hover declaration,
a:hover {
border-bottom: 1px #FFCC00 dotted;
}
the a:hover show a border bottom. Try a create a class for the images.
Best Regards
César García
Consultor independiente
http://www.cesargarcia.com
[EMAIL PROTECTED]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En
nombre de Wayne Godfrey
Enviado el: viernes, 22 de octubre de 2004 20:24
Para: [EMAIL PROTECTED]
Asunto: [WSG] Image links display hover
Arrrg!! Two steps forward, then ten backward! Why do my image links
display
a hover (dotted line underneath) when I've created the class:
img {
border: none;
{
The particulars, CSS:
<http://www.jrations.com/css/main.css>
The XHTML file:
<http://vtest.jrations.com/jwebtest_v2.php>
Everything is validating. I am building and learning (in small steps) at
the
same time and everything was going so well until I applied a link to an
image. What dumb thing have I missed or worse, not learned?
Thanks in advance for any help, I have so enjoyed al the banter of the
group
and more importantly all the great info provided.
wayne
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Image links display hover
Hello Wayne;
you asked
Arrrg!! Two steps forward, then ten backward! Why do my image links
display
a hover (dotted line underneath) when I've created the class:
img {
border: none;
{
.
I think you'll find it's this rule that's causing your problem ...
a:hover {
border-bottom: 1px #FFCC00 dotted;
}
I think it can be corrected like this...
img a:hover {
border-bottom: none;
{
or maybe even this one
img a:hover {
text-decoration: none;
{
HTH's ...
Bill.
William Haggerty
VWH Web Sales & Services
www.vwh.ca
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Image links display hover
- Original Message -
From: "Wayne Godfrey" <[EMAIL PROTECTED]>
> img {
> border: none;
> {
Have you tried :
img a:hover {
border: none;
}
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
>
>
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
[WSG] Image links display hover
Arrrg!! Two steps forward, then ten backward! Why do my image links display
a hover (dotted line underneath) when I've created the class:
img {
border: none;
{
The particulars, CSS:
The XHTML file:
Everything is validating. I am building and learning (in small steps) at the
same time and everything was going so well until I applied a link to an
image. What dumb thing have I missed or worse, not learned?
Thanks in advance for any help, I have so enjoyed al the banter of the group
and more importantly all the great info provided.
wayne
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
