Re: [WSG] Image links
Do you mean you have a 1px bottom border on the anchor? If so, altering the border attributes of the image will not change this. You could, perhaps, try altering the relative positioning of the image to slightly lower (hiding the border). This seems to be a bit messy - which is what usually happens when you go against the natural order of things. On Sat, May 3, 2008 7:15 pm, Dean Matthews wrote: On May 3, 2008, at 5:48 AM, Stuart Foulstone wrote: To be clear, I have a 1pixel bottom border on hover (It looks better than the default underline). The problem is to easily and globally prevent the border on hover on image links. I have solved it with a border-style: none; class but it has to be applied to each image, which is a pain. *** 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] Image links
On May 4, 2008, at 8:10 AM, Stuart Foulstone wrote: which is what usually happens when you go against the natural order of things That is an unnecessarily pedantic comment. I already said I solved my design anomaly by applying a class to the image anchor. I simply asked if there was a universal rule I hadn't thought of that would be more elegant. Since there apparently isn't then I'll just grep it. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
this works for all images without adding a style to each image.
img {border:none;}
img:hover {border-bottom:1px solid #f00;padding-bottom:1px;}
dwain
On 5/4/08, Dean Matthews [EMAIL PROTECTED] wrote:
On May 4, 2008, at 8:10 AM, Stuart Foulstone wrote:
which is what usually happens when you go
against the natural order of things
That is an unnecessarily pedantic comment. I already said I solved my
design anomaly by applying a class to the image anchor. I simply asked if
there was a universal rule I hadn't thought of that would be more elegant.
Since there apparently isn't then I'll just grep it.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
dwain alford
The artist may use any form which his expression demands;
for his inner impulse must find suitable expression. Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
Hi Dwain,
Yes true. I wanted to say really that the choice is yours as to color just put
it the css example. But I was'nt sure how to do it on its own so I wrote the
lot.
I am as a learner so bear with me please..:D but yes the original poster
wanted an underline.
What about A List Apart?
http://www.alistapart.com/articles/customunderlines/
And:
http://search.msn.com/results.aspx?q=prevent+the+underline+on+image++go=form=QBRE
MADDIE MACCANN - A year ago today- still missing!
Kate
http://jungaling.com/katesplace/
http://jungaling.com/Malaysia/
- Original Message -
From: dwain
To: wsg@webstandardsgroup.org
Sent: Saturday, May 03, 2008 4:07 AM
Subject: Re: [WSG] Image links
On 5/2/08, kate [EMAIL PROTECTED] wrote:
Or like this:
img {
margin: 3px;
padding: 3px;
border: 2px solid #BAB089;
background-color: #D1C9AA;
}
The above CSS is in reply to always being blue. Well no not if you state
what you want for the border color in your CSS.
yeah, i went back and saw my problem. it seems the color i thought was red
was really blue. had my hex figures backwards.
with your example you have a border around the image. i thought that the
original poster wanted an underline. with a 3px bottom padding stated you get
the underline.
dwain
--
dwain alford
The artist may use any form which his expression demands;
for his inner impulse must find suitable expression. Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 269.23.7/1411 - Release Date: 02/05/2008
08:02
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
Yes there is a simple way. Set up the anchor hover rule using, text-decoration: underline; An image is NOT text so it will not underline the image. The image should be given an alt text description for when the image is not available. This text WILL be underlined on hover which is as it should be. On Thu, May 1, 2008 10:47 pm, Dean Matthews wrote: When you set up an anchor rule that has an underline on hover meant for text, is there a simple way to prevent the underline on image links in the same ID or do you have to set up a separate class with anchor rules? Thanks, Dean *** 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] Image links
PS
As someone mentioned earlier you should also remove borders from the image,
a img {
border: 0;
}
(since some browsers will treat border as underline in these circumstances)
On Sat, May 3, 2008 10:11 am, Stuart Foulstone wrote:
Yes there is a simple way.
Set up the anchor hover rule using,
text-decoration: underline;
An image is NOT text so it will not underline the image.
The image should be given an alt text description for when the image is
not available. This text WILL be underlined on hover which is as it
should be.
On Thu, May 1, 2008 10:47 pm, Dean Matthews wrote:
When you set up an anchor rule that has an underline on hover meant
for text, is there a simple way to prevent the underline on image
links in the same ID or do you have to set up a separate class with
anchor rules?
Thanks,
Dean
***
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]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
On May 3, 2008, at 5:48 AM, Stuart Foulstone wrote:
As someone mentioned earlier you should also remove borders from the
image,
a img {
border: 0;
}
This is what I was hoping would work but it doesn't. Explorer still
shows the bottom border on hover. Interestingly it is not a problem
with Safari which does not show the border hover on images by default.
To be clear, I have a 1pixel bottom border on hover (It looks better
than the default underline).
The problem is to easily and globally prevent the border on hover on
image links.
I have solved it with a border-style: none; class but it has to be
applied to each image, which is a pain.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Image links
You could try this
img a:hover {
border: 0;
text-decoration: none;
}
Mat
www.essentialebizsolutions.net
www.av-iinc.co.uk
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dean Matthews
Sent: 03 May 2008 19:15
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Image links
On May 3, 2008, at 5:48 AM, Stuart Foulstone wrote:
As someone mentioned earlier you should also remove borders from the
image,
a img {
border: 0;
}
This is what I was hoping would work but it doesn't. Explorer still
shows the bottom border on hover. Interestingly it is not a problem
with Safari which does not show the border hover on images by default.
To be clear, I have a 1pixel bottom border on hover (It looks better
than the default underline).
The problem is to easily and globally prevent the border on hover on
image links.
I have solved it with a border-style: none; class but it has to be
applied to each image, which is a pain.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 269.23.7/1410 - Release Date: 01/05/2008
17:30
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
@ Jason
you can't code imga/a/img
it can only be aimg... //a
hence to stop a decorations on images that have an a tag wrapping them...
the css should be
a img {
text-decoration: none;
}
On Fri, May 2, 2008 at 3:50 PM, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:
it should be:
a img {
}
Ah, yeah, duh, sorry can't do img a. Drop that from my previous example
please. It's late, I'll Tweet my goof and go to bed :)
Mike
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
On 1 May 2008, at 23:14, Mike at Green-Beast.com wrote:
This should work for you:
img a {
text-decoration : none;
}
No, it shouldn't.
img is an empty element, it can't have any descendants. If it can't
have any, then the selector An anchor that is a descendant of an
image can never match anything.
--
David Dorward
http://dorward.me.uk/
http://blog.dorward.me.uk/
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
Y'all are missing a very important point: images will never, ever have
an underline if you set text-decoration: underline.
Actually, I take that back. There is only one instance in which an
image might have a true underline. In the very unlikely event that
someone produces a bit of code that looks like this:
a href=somelink.htmlSome text img src=imgsrc.ext//a
You will end up with an underline running from Some to the end of
the image. This is, of course, assuming you haven't monkeyed with the
basic link styles already.
Now, some browsers will put a border on an image link. Firefox does.
Safari doesn't. I'll bet a few more do or don't. By default it'll have
a width of 2px (in Firefox anyway). So the only thing you have to
worry about in terms of default styles on image links is the border.
Unless you've added a border to anchors. Maybe you wanted a different
color than the text. Maybe you wanted a nifty dotted or dashed border.
Now you have a border applied to the link itself rather than the image
and there's very little you can do to get rid of it without adding
extra markup.
The number of folks who have commented that img a doesn't make a bit
of sense are absolutely correct. The only correct way to touch this
image by css is a img, but that only targets the image itself, which
means all you can do is muck about the the border on the image—the
border that may or may not show up in your browser in the first place.
So, I suspect Dean has a style that looks something like a {
border-bottom: 1px solid #000; } and he doesn't want that on his
images.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
Hi Mike,
img a {}
Has anyone mentioned that this is incorrect? :-)
Kind Regards,
Kane Tapping
Web Standards Developer
Web and Content Management Services
Griffith University. 4111. Australia.
[EMAIL PROTECTED]
Phone: +61 (0)7 3735 7630
Mike at Green-Beast.com [EMAIL PROTECTED]
Sent by: [EMAIL PROTECTED]
02/05/2008 08:14 AM
Please respond to
wsg@webstandardsgroup.org
To
wsg@webstandardsgroup.org
cc
Subject
Re: [WSG] Image links
Hi Dean,
When you set up an anchor rule that has an
underline on hover meant for text, is there a
simple way to prevent the underline on image
This should work for you:
img a {
text-decoration : none;
}
Cheers.
Mike Cherim
***
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] Image links
On Fri, May 2, 2008 at 3:50 PM, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:
it should be:
a img {
}
to underline an image the css is: a img {border-bottom:xpx solid
#xx;} i have found that the border is always blue though no matter what
color value you assign, unless i'm missing something here.
dwain
--
dwain alford
The artist may use any form which his expression demands;
for his inner impulse must find suitable expression. Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
Or like this:
img {
margin: 3px;
padding: 3px;
border: 2px solid #BAB089;
background-color: #D1C9AA;
}
The above CSS is in reply to always being blue. Well no not if you state what
you want for the border color in your CSS.
Courtesy of Xenoria Wordpress theme.
Test it. Its a beige color.
MADDIE MACCANN - MAY 3RD 2007
Kate
http://jungaling.com/katesplace/
http://jungaling.com/Malaysia/
- Original Message -
From: dwain
To: wsg@webstandardsgroup.org
Sent: Friday, May 02, 2008 8:30 AM
Subject: Re: [WSG] Image links
On Fri, May 2, 2008 at 3:50 PM, Mike at Green-Beast.com [EMAIL PROTECTED]
wrote:
it should be:
a img {
}
to underline an image the css is: a img {border-bottom:xpx solid #xx;} i
have found that the border is always blue though no matter what color value you
assign, unless i'm missing something here.
dwain
--
dwain alford
The artist may use any form which his expression demands;
for his inner impulse must find suitable expression. Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 269.23.7/1409 - Release Date: 01/05/2008
08:39
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
On 5/2/08, kate [EMAIL PROTECTED] wrote:
Or like this:
img {
margin: 3px;
padding: 3px;
border: 2px solid #BAB089;
background-color: #D1C9AA;
}
The above CSS is in reply to always being blue. Well no not if you state
what you want for the border color in your CSS.
yeah, i went back and saw my problem. it seems the color i thought was red
was really blue. had my hex figures backwards.
with your example you have a border around the image. i thought that the
original poster wanted an underline. with a 3px bottom padding stated you
get the underline.
dwain
--
dwain alford
The artist may use any form which his expression demands;
for his inner impulse must find suitable expression. Kandinsky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Image links
When you set up an anchor rule that has an underline on hover meant for text, is there a simple way to prevent the underline on image links in the same ID or do you have to set up a separate class with anchor rules? Thanks, Dean *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
On 5/1/08, Dean Matthews [EMAIL PROTECTED] wrote:
When you set up an anchor rule that has an underline on hover meant for
text, is there a simple way to prevent the underline on image links in the
same ID or do you have to set up a separate class with anchor rules?
By underline do you mean the underline text-decoration or a bottom
border? If it's the former, it isn't really an issue. Browsers
won't—as far as I know—add an underline or border to image links even
if you've declared it to be there on hover. The trick is you want to
change the styles on the image inside the anchor instead of the anchor
itself. Like so:
a img {
border: 0;
}
Or what have you.
If you're adding a border-bottom to links and you don't want it to
show up on images you have a wholly different problem. In this case
the border is being applied to the link that just so happens to have
an image inside of it. It won't put an underline, because that
underline is a text decoration and there ain't no text in the link.
There's no CSS selector to target something that has a child.
The way I see it you have a few options:
1.) Apply a class to every anchor with an image.
2.) Make sure all of your images are inside another element with a
class or id and then target the links inside of it.
3.) Use JavaScript to crawl through the document looking for links
that meet an if loop.
4.) Scrap the whole idea of a bottom border on links and use the underline.
I tend to choose option 4.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
* **img a *{
text-decoration : none;
}
Is there any chance 'img' can be a parent of 'anchor' tag?
I suggest the following:
a.someclassname{text-decoration:none;}
OR
a{text-decoration:none;}
Thanks!
Venkatesan M
On Fri, May 2, 2008 at 3:44 AM, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:
Hi Dean,
When you set up an anchor rule that has an underline on hover meant for
text, is there a simple way to prevent the underline on image
This should work for you:
img a {
text-decoration : none;
}
Cheers.
Mike Cherim
***
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] Image links
it should be:
a img {
}
On Fri, May 2, 2008 at 2:51 PM, Mahendran Venkatesan
[EMAIL PROTECTED] wrote:
* **img a *{
text-decoration : none;
}
Is there any chance 'img' can be a parent of 'anchor' tag?
I suggest the following:
a.someclassname{text-decoration:none;}
OR
a{text-decoration:none;}
Thanks!
Venkatesan M
On Fri, May 2, 2008 at 3:44 AM, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:
Hi Dean,
When you set up an anchor rule that has an underline on hover meant for
text, is there a simple way to prevent the underline on image
This should work for you:
img a {
text-decoration : none;
}
Cheers.
Mike Cherim
***
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]
***
--
-
http://myfitness.ning.com
A community of people that care about their health and fitness
Free fitness videos, recipes, blogs, photos etc.
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Image links
Hi Venkatesan,
Is there any chance 'img' can be a parent of 'anchor' tag?
How about this then:
a img, img a {
text-decoration : none;
}
This is a fuller version with some interaction as a usability enahancement.
img, a img, img a {
text-decoration : none;
border : 2px solid #ccc; /* try the background color if wanted */
font-size : 80%; /* allows more alt text without overflow issues */
}
img a:hover, img a:focus {
border : 2px solid #999;
}
img a:active{ /* focus in IE, onkeypress for all else (?) */
border : 2px solid #000;
}
Respectfully,
Mike Cherim
www.green-beast-com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Image links
a img{
border:none;
}
Isn't the order decided based on how you have coded the inline elements?
Maybe someone else can clarify...?
Regards
Jason Gray
Webwidget Pty Ltd
ABN 27 122 916 134 | PO Box 2633 Taren Point NSW 2229 | Ph 0423 038 000 |
Fax 02 8205 8330
http://www.webwidget.com.au www.webwidget.com.au
Please consider our environment before printing this email.
The information in this email and in any attachments is confidential and may
be privileged. If you are not the intended recipient, please destroy this
message, delete any copies held on your systems and notify the sender
immediately. You should not retain, copy or use this email for any purpose,
nor disclose all or any part of its content to any other person.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Susie Gardner-Brown
Sent: Friday, 2 May 2008 3:20 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Image links
I can never remember which way round these are supposed to go! Can someone
explain (again!) the rules here?
Thanks
susie
On 2/5/08 3:11 PM, Adam Martin [EMAIL PROTECTED] wrote:
it should be:
a img {
}
On Fri, May 2, 2008 at 2:51 PM, Mahendran Venkatesan
[EMAIL PROTECTED] wrote:
img a {
text-decoration : none;
}
Is there any chance 'img' can be a parent of 'anchor' tag?
I suggest the following:
a.someclassname{text-decoration:none;}
OR
a{text-decoration:none;}
Thanks!
Venkatesan M
On Fri, May 2, 2008 at 3:44 AM, Mike at Green-Beast.com
[EMAIL PROTECTED] wrote:
Hi Dean,
When you set up an anchor rule that has an underline on hover meant for
text, is there a simple way to prevent the underline on image
This should work for you:
img a {
text-decoration : none;
}
Cheers.
Mike Cherim
***
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]
***
***
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] Image links
it should be:
a img {
}
Ah, yeah, duh, sorry can't do img a. Drop that from my previous example
please. It's late, I'll Tweet my goof and go to bed :)
Mike
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[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
**
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
**
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
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
**
