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
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 un
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 hap
: [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
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
w
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 us
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
-
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;
backgr
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.
>
>
ye
.
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
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 v
[EMAIL PROTECTED]>
Sent by: [EMAIL PROTECTED]
02/05/2008 08:14 AM
Please respond to
wsg@webstandardsgroup.org
To
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 t
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
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 matc
@ Jason
you can't code
it can only be
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 {
> >
> > }
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.
: 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 sho
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]
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
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:non
* **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
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
***
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 me
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]
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 yo
- 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://webstand
26 matches
Mail list logo
