Re: [WSG] snug a border around diff sized pix
I would use a selector to apply the border to the image itself, rather than the div. Joe Taylor http://sitesbyjoe.com csslist wrote: I have a div that shows phots dynamically that are different sizes and would like to throw a 1px border aound them, I can't seem to get them to hug the photo, anyone got any good tricks for this? tia ** 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] snug a border around diff sized pix
On Wed, 16 Nov 2005 01:00:03 -0500, Paul Noone [EMAIL PROTECTED] wrote: Add a 1px border to either a or img tags within the DIV's #class. Just out of curiosity, why would a div not be the same size (or hugging) the image inside it if it has no styling of it's own? Box model issues? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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] snug a border around diff sized pix
Tom Livingston wrote: Just out of curiosity, why would a div not be the same size (or hugging) the image inside it if it has no styling of it's own? Box model issues? I may be mistaken, but... A div is a block level element by default. If it has no styling of its own, its width should be 100% of its parent's inner width. Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** 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] snug a border around diff sized pix
On Wed, 16 Nov 2005 09:19:45 -0500, Bert Doorn [EMAIL PROTECTED] wrote: A div is a block level element by default. If it has no styling of its own, its width should be 100% of its parent's inner width. If true, display:inline (plus positioning styles - on container or what have you) would not yield the desired results? -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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] snug a border around diff sized pix
On Wed, 16 Nov 2005 14:39:23 -0500, Christian Montoya [EMAIL PROTECTED] wrote: That's why the safest move is to apply the border to the image. Agreed, just curious. Thanks for playing along. ;-) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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] snug a border around diff sized pix
Hey, we're all here to be entertained. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tom Livingston Sent: Thursday, 17 November 2005 7:22 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] snug a border around diff sized pix On Wed, 16 Nov 2005 14:39:23 -0500, Christian Montoya [EMAIL PROTECTED] wrote: That's why the safest move is to apply the border to the image. Agreed, just curious. Thanks for playing along. ;-) -- Tom Livingston Senior Multimedia Artist Media Logic www.mlinc.com Using Opera's revolutionary e-mail client: http://www.opera.com/mail/ ** 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 **
RE: [WSG] snug a border around diff sized pix
Add a 1px border to either a or img tags within the DIV's #class. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of csslistSent: Wednesday, 16 November 2005 4:45 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] snug a border around diff sized pix I have a div that shows phots dynamically that are different sizes and would like to throw a 1px border aound them, I can't seem to get them to hug the photo, anyone got any good tricks for this?tia
Re: [WSG] snug a border around diff sized pix
Have you tried using CSS to put a border directly around the image itself?for example, if your html is like this:div class=photoimg src="" alt=me at the beach/div
then your css could be as follows:.photo img { border: 2px solid pink; }Good luck!On 11/16/05, csslist
[EMAIL PROTECTED] wrote:I have a div that shows phots dynamically that are different sizes and would like to throw a 1px border aound them, I can't seem to get them to hug the photo, anyone got any good tricks for this?
tia
RE: [WSG] snug a border around diff sized pix
yup forgot bout those, thanks :)From: "Paul Noone" [EMAIL PROTECTED]Sent: Wednesday, November 16, 2005 1:05 AMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] snug a border around diff sized pix Add a 1px border to either a or img tags within the DIV's #class. From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of csslistSent: Wednesday, 16 November 2005 4:45 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] snug a border around diff sized pix I have a div that shows phots dynamically that are different sizes and would like to throw a 1px border aound them, I can't seem to get them to hug the photo, anyone got any good tricks for this?tia
