Re: [css-d] Getting rid of the line under a hyperlinked image
On Mar 30, 2006, at 5:05 PM, Joanne wrote:
>>> I have image and a text hyperlinked together. In IE only the text is
> underlined, but in Firefox & Opera, the image is too. How do I get
> rid of
> it?
>
>> Try img { border: none; }
>
> That's already in my css code. It doesn't stop the hyperlink
> underline on an
> image in Firefox or Opera..
The image is an inline element, and as such, rests on the baseline.
The text-decoration goes under the baseline. You can get away with it
in IE, because that browsers puts images *under* the baseline
(actually, it doesn't really know where it puts the images, it mostly
depends on the weather, I think).
If your html code is something like this:
some text
you can play with the vertical align property
a img {vertical-align: text-bottom} /* or bottom, or middle */
Philippe
---
Philippe Wittenbergh
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Getting rid of the line under a hyperlinked image
what about giving the image a class and applying properties only to it?
2006/3/30, kuasar <[EMAIL PROTECTED]>:
> a{text-decoration:none;}
>
>
>
> 2006/3/30, Paul Novitski <[EMAIL PROTECTED]>:
> > At 11:45 PM 3/29/2006, Joanne wrote:
> > >I have image and a text hyperlinked together. In IE only the text is
> > >underlined, but in Firefox & Opera, the image is too.
> > >
> > >How do I get rid of it?
> >
> >
> > Try img { border: none; }
> >
> > Paul
> >
> > __
> > css-discuss [EMAIL PROTECTED]
> > http://www.css-discuss.org/mailman/listinfo/css-d
> > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> > List wiki/FAQ -- http://css-discuss.incutio.com/
> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Getting rid of the line under a hyperlinked image
>>I have image and a text hyperlinked together. In IE only the text is
underlined, but in Firefox & Opera, the image is too. How do I get rid of
it?
>Try img { border: none; }
That's already in my css code. It doesn't stop the hyperlink underline on an
image in Firefox or Opera..
Joanne
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Getting rid of the line under a hyperlinked image
a{text-decoration:none;}
2006/3/30, Paul Novitski <[EMAIL PROTECTED]>:
> At 11:45 PM 3/29/2006, Joanne wrote:
> >I have image and a text hyperlinked together. In IE only the text is
> >underlined, but in Firefox & Opera, the image is too.
> >
> >How do I get rid of it?
>
>
> Try img { border: none; }
>
> Paul
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Getting rid of the line under a hyperlinked image
At 11:45 PM 3/29/2006, Joanne wrote:
>I have image and a text hyperlinked together. In IE only the text is
>underlined, but in Firefox & Opera, the image is too.
>
>How do I get rid of it?
Try img { border: none; }
Paul
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Getting rid of the line under a hyperlinked image
I have image and a text hyperlinked together. In IE only the text is
underlined, but in Firefox & Opera, the image is too.
How do I get rid of it?
I took a gamble at
a img{
text-decoration: none;
}
But then realised it's not actually text.
Joanne
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
