Re: [WSG] Images inside a div class with specified link style

2004-05-02 Thread Patrick Griffiths
.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

2004-05-02 Thread Jaime W
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
*