[WSG] Images inside a div class with specified link style
How do I prevent link styles from showing on the images that are positioned inside a div class with specified link style? An example below. div class=aCol Content text here Content text here Content text here Content text here div class=divRight a href=#img src=top.gif alt=Back to top of the page width=30 height=10 //a /div /div .aCol a { color : #AE0D2D; text-decoration : none; border-bottom : 1px dashed #90AAAB; } I have tried doing.. .divRight img a { border-bottom : none; } and .aCol img a { border-bottom : none; } ..obviously weren't right so they didn't work :P In the end I cheated by doing this: div class=aCol Content text here Content text here Content text here Content text here /div div class=divRight a href=#img src=top.gif alt=Back to top of the page width=30 height=10 //a /div Feel bad cheating without knowing why it can't be solved... Best Wishes, Jaime ... * 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] Images inside a div class with specified link style
.divRight a { border-bottom : none; } Your code was looking for an a element nested inside an image! If there are other links in .divRight boxes that you want the border applied to, you'll need to apply a different class to the a element surrounding the image. Patrick Griffiths (PTG) http://www.htmldog.com/ptg/ http://www.htmldog.com How do I prevent link styles from showing on the images that are positioned inside a div class with specified link style? An example below. div class=aCol Content text here Content text here Content text here Content text here div class=divRight a href=#img src=top.gif alt=Back to top of the page width=30 height=10 //a /div /div .aCol a { color : #AE0D2D; text-decoration : none; border-bottom : 1px dashed #90AAAB; } I have tried doing.. .divRight img a { border-bottom : 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 *
RE: [WSG] Images inside a div class with specified link style
Thanks Patrick So there is no other way besides making an extra div just for images with links? : Trying to prevent from creating more divs. Best Wishes, Jaime ... -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Patrick Griffiths Sent: Monday, 3 May 2004 12:25 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] Images inside a div class with specified link style .divRight a { border-bottom : none; } Your code was looking for an a element nested inside an image! If there are other links in .divRight boxes that you want the border applied to, you'll need to apply a different class to the a element surrounding the image. Patrick Griffiths (PTG) http://www.htmldog.com/ptg/ http://www.htmldog.com How do I prevent link styles from showing on the images that are positioned inside a div class with specified link style? An example below. div class=aCol Content text here Content text here Content text here Content text here div class=divRight a href=#img src=top.gif alt=Back to top of the page width=30 height=10 //a /div /div .aCol a { color : #AE0D2D; text-decoration : none; border-bottom : 1px dashed #90AAAB; } I have tried doing.. .divRight img a { border-bottom : 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 *