border around image link

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

DiGEnig - 31 Jan 2006 10:50 GMT

ok here's my problem my markup is Xhtml strict so i am unable to place
border="0" in my img tag. I want to be able to get rid of this border
but have been un able to figure out how to do thi with CSS

the section that i need to remove the border from is this

.sub_menu_img A
{
PADDING-RIGHT: 0.5em;
DISPLAY: block;
PADDING-LEFT: 0.75em;
BACKGROUND: #fff;
PADDING-BOTTOM: 1.25ex;
COLOR: #666;
LINE-HEIGHT: 1.25em;
PADDING-TOP: 1.25ex;
TEXT-DECORATION: none;
}

so what do i need to do?

i have tried:

BORDER: none

and

BORDER-TOP: none;
BORDER-BOTTOM: none;
BORDER-LEFT: none;
BORDER-RIGHT: none

and neither of these seems to work

any help would be completly appreciated

Signature

DiGEnig

Reply to this Message

Els - 31 Jan 2006 11:02 GMT

> ok here's my problem my markup is Xhtml strict so i am unable to place
> border="0" in my img tag. I want to be able to get rid of this border
> but have been un able to figure out how to do thi with CSS
>
> the section that i need to remove the border from is this

No, it isn't ;-)

> .sub_menu_img A

What is the element that has class 'sub_menu_img' ? Not the image I
hope? I'll assume it's the parent element around <a>.

> so what do i need to do?

The image is having the border, so:

.sub_menu_img a img{
border:none;
}

Means: no border on the image that's a child element of the a element
that's the child of the element with class sub_menu_img .

Signature

Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: Jon Anderson - Heart of the Matter

Reply to this Message

Johannes Koch - 31 Jan 2006 12:12 GMT

> ..sub_menu_img a img{
> border:none;
> }
>
> Means: no border on the image that's a child element of the a element
> that's the child of the element with class sub_menu_img .

s/child/descendant/

Signature

Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)

Reply to this Message

Els - 31 Jan 2006 12:24 GMT

>> ..sub_menu_img a img{
>> border:none;
[quoted text clipped - 4 lines]
>
> s/child/descendant/

True.

Signature

Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/

Now playing: King Crimson - Thela Hun Ginjeet

Reply to this Message

Stan McCann - 31 Jan 2006 18:28 GMT

> ok here's my problem my markup is Xhtml strict so i am unable to
> place border="0" in my img tag. I want to be able to get rid of this
[quoted text clipped - 3 lines]
>
> .sub_menu_img A

This is backwards if I understand you correctly. This would set the
properties for a in a .sub_menu_img class. What you need to do is set
properties for the image inside an a as in:

a img { border: 0 }

or just in that class:

.sub_menu_img a img { border: 0 }

HTH

Signature

Stan McCann "Uncle Pirate" http://stanmccann.us/pirate.html
Webmaster/Computer Center Manager, NMSU at Alamogordo
http://alamo.nmsu.edu/ There are 10 kinds of people.
Those that understand binary and those that don't.

Reply to this Message

DiGEnig - 31 Jan 2006 20:18 GMT

Thank you very much that worked

> The image is having the border, so:
>
[quoted text clipped - 4 lines]
> Means: no border on the image that's a child element of the a element
> that's the child of the element with class sub_menu_img .

thanks again for all your help

Signature

DiGEnig

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / January 2006

border around image link