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

2010-08-20 Thread Bobby Jack
--- On Fri, 8/20/10, Gail Issen 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 (top/bottom and left/ri

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 [cs...@lists.css-discuss.org

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! It

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 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.

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 r

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

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 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 sure that

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 3:47 AM, Alan Gresley 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; > padding:

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 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

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

2010-08-19 Thread Bobby Jack
--- On Wed, 8/18/10, Keith Purtell 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 think anyone's mentioned F

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

2010-08-19 Thread Bobby Jack
--- On Wed, 8/18/10, Wesley Acheson 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 __ css-discuss [cs...@lists.css-discu

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 insid

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

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

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 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 Wesley Acheson
On Wed, Aug 18, 2010 at 3:26 PM, Keith Purtell 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 following > code directly from Er

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 > {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? To know what it's do

[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 1em