Re: [css-d] Floating images - understanding the details

2010-08-20 Thread Bobby Jack
--- On Fri, 8/20/10, Gail Issen gis...@sbcglobal.net wrote: The way I remember the order is that they sound like TROUBLE ... TRBL ... Top Right Bottom Left. I just remember it as clockwise, starting from the top. This works completely obviously for 4 values, and pretty obviously for 2

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Alan Gresley
Climis, Tim wrote: {float: right; width: 15em; margin: 1 1em 1em; padding: 0.25em;} First, I don't understand width. It's not the width of my image; what is it doing? Currently the width does nothing (please see below for reason). [...] Padding is like margin, except that it's inside the

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Bobby Jack
--- On Wed, 8/18/10, Wesley Acheson wesley.ache...@gmail.com wrote: No-one spotted the deliberate mistake? ;) 4 values: are Top, bottom, left and right. should be 4 values: are top, right, bottom, left - Bobby __

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Bobby Jack
--- On Wed, 8/18/10, Keith Purtell keithpurt...@keithpurtell.com wrote: First, I don't understand width. Second, I especially don't understand how he has illustrated margin. Third, the padding. Why is it necessary and how is it affecting the the flow of text around my images? I don't

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Tim Climis
On Thursday, August 19, 2010 6:51:28 am Bobby Jack wrote: --- On Wed, 8/18/10, Keith Purtell keithpurt...@keithpurtell.com wrote: First, I don't understand width. Second, I especially don't understand how he has illustrated margin. Third, the padding. Why is it necessary and how is

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Tim Arnold
On Thu, Aug 19, 2010 at 3:47 AM, Alan Gresley a...@css-class.com wrote: Since IMG are inline elements, then any margin or width values will not be used. For the margin and width values to work, one must make the IMG display as a block element. .floatL { float:left; margin: 0 1 em 1em;

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Alan Gresley
Alan Gresley wrote: .floatL { float:left; margin: 0 1 em 1em; padding: 0.25em; display: block; } I should remind myself. Floating an element causes it to display as a block. Also width and margin values are used. Lucky me, I didn't need Philippe to remind me this time. --

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Tim Arnold
On Thu, Aug 19, 2010 at 9:39 AM, Alan Gresley a...@css-class.com wrote: I should remind myself. Floating an element causes it to display as a block. Also width and margin values are used. Lucky me, I didn't need Philippe to remind me this time. -- Alan http://css-class.com/ I'm not so

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Thierry Koblentz
Hi Alan, Alan Gresley wrote: .floatL { float:left; margin: 0 1 em 1em; padding: 0.25em; display: block; } I should remind myself. Floating an element causes it to display as a block. Also width and margin values are used. Yes, floats get computed as

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Philippe Wittenbergh
On Aug 19, 2010, at 10:39 PM, Alan Gresley wrote: I should remind myself. Floating an element causes it to display as a block. Also width and margin values are used. Lucky me, I didn't need Philippe to remind me this time. he's hibernating under canicular temperatures and overflowing

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Alan Gresley
Tim Arnold wrote: On Thu, Aug 19, 2010 at 9:39 AM, Alan Gresley a...@css-class.com wrote: I should remind myself. Floating an element causes it to display as a block. Also width and margin values are used. Lucky me, I didn't need Philippe to remind me this time. -- Alan

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Keith Purtell
Bobby, Embarrassed to admit this, but Firebug was one of three Firefox add-ons that were suggested; all have been installed but I've been too busy to try them out! - Keith Purtell On 8/19/2010 5:51 AM, Bobby Jack wrote: I don't think anyone's mentioned Firebug yet, which must be a first!

Re: [css-d] Floating images - understanding the details

2010-08-19 Thread Keith Purtell
OK, I'm taking a break. I need to re-read everything you all sent me, and I need to finish Eric's book. Then, I'll revise the page and style sheet. Thanks a million! - Keith Purtell __ css-discuss

[css-d] Floating images - understanding the details

2010-08-18 Thread Keith Purtell
Making progress. As you kindly recommended, my images now use a float property for both left and right. Here's the glitch. In order to provide white space for text that flows around each one, I lifted the following code directly from Eric Meyer's book: {float: right; width: 15em; margin: 1 1em

Re: [css-d] Floating images - understanding the details

2010-08-18 Thread MEM
I'm absolutely no guru here (not anywhere), and I'm sure you will get better replies. Still: 2010/8/18 Keith Purtell keithpurt...@keithpurtell.com {float: right; width: 15em; margin: 1 1em 1em; padding: 0.25em;} First, I don't understand width. It's not the width of my image; what is it

Re: [css-d] Floating images - understanding the details

2010-08-18 Thread Wesley Acheson
On Wed, Aug 18, 2010 at 3:26 PM, Keith Purtell keithpurt...@keithpurtell.com wrote: Making progress. As you kindly recommended, my images now use a float property for both left and right. Here's the glitch. In order to provide white space for text that flows around each one, I lifted the

Re: [css-d] Floating images - understanding the details

2010-08-18 Thread Wesley Acheson
On Wed, Aug 18, 2010 at 4:08 PM, Wesley Acheson wesley.ache...@gmail.com wrote: Dunno really if this is what you wanted. You should try playing with margin + padding sometimes. The diagram on this page helps too http://www.w3schools.com/css/css_boxmodel.asp

Re: [css-d] Floating images - understanding the details

2010-08-18 Thread Climis, Tim
{float: right; width: 15em; margin: 1 1em 1em; padding: 0.25em;} First, I don't understand width. It's not the width of my image; what is it doing? The width is the width of whatever element you're applying the CSS to. Could be the image, but as Marcio pointed out, you didn't include the

Re: [css-d] Floating images - understanding the details

2010-08-18 Thread Chris Akins
On Wed, Aug 18, 2010 at 8:26 AM, Keith Purtell keithpurt...@keithpurtell.com wrote: Finally, I need the images to indent 140 pixels like the text. Easy? Not trying to assume, but based on your link, it looks like you may be wanting ALL content in the cream colored area to be 140px from the