Example D
http://www.alistapart.com/d/css-positioning-101/example_d.html
shows our new markup. Because of the new coordinate system, the
blue
block measures its offset 200 pixels from the left of the red block
(|#box_1|) instead of the document.
Yes, and by placing
The red
box *and* the document have nothing to do with the offset of that
box.
Not entirely true. Yes, the blue box is offset in relation to where it would
be without position. But where the blue box would be depends directly on
other elements (previous siblings and parents, i.e, the red
Hi Tim,
The red
box *and* the document have nothing to do with the offset of that
box.
Not entirely true. Yes, the blue box is offset in relation to where it
would be without position. But where the blue box would be depends
directly on other elements (previous siblings and parents,
On 19/11/2010 4:37 AM, Thierry Koblentz wrote:
Hi Tim,
The red
box *and* the document have nothing to do with the offset of that
box.
Not entirely true. Yes, the blue box is offset in relation to where it
would be without position. But where the blue box would be depends
directly on other
Hi Alan,
The article fails to mention about how position:relative can generate a
new containing block for descendants elements with a position value of
either absolute or fixed.
I believe this is true for absolute, but not for fixed as for the latter
the reference is the viewport.
--
Hello;
My goal is to have a container div with a title at the top, an image
at the left, inside the container, and text describing the image at
the right, inside the container.
then, I want to rinse and repeat for as many images as I have,
adding the new ones to the top as they come in.
My goal is to have a container div with a title at the top, an image
at the left, inside the container, and text describing the image at
the right, inside the container.
Your example looks like a clear case of divitis - meaningless overuse
of divs.
The following...
div class=outer
On Nov 17, 2010, at 11:25 AM, G.Sørtun wrote:
Your example looks like a clear case of divitis - meaningless
overuse of divs.
The following...
div class=outer
h3Title/h3
img src=image_1.jpg
pdescriptive text/p
/div
...would be a better and more meaningful source-code, and the use
of
needing any parent container.
---Tim
-Original Message-
From: css-d-boun...@lists.css-discuss.org [mailto:css-d-
boun...@lists.css-discuss.org] On Behalf Of John
Sent: Wednesday, November 17, 2010 2:54 PM
To: css-d@lists.css-discuss.org
Subject: Re: [css-d] Is this proper use of div tags
The H3, image and p can all be styled due to their being inside that div:
.outer h3 {
font-weight: bold;
}
.outer img {
float: left; margin-right: .5em;
}
.outer p {
padding: 0.2em 0;
}
-Tim
On Wed, Nov 17, 2010 at 2:54 PM, John j...@coffeeonmars.com wrote:
On Nov 17, 2010, at
On 11/17/10 1:24 PM, John wrote:
My goal is to have a container div with a title at the top, an image
at the left, inside the container, and text describing the image at
the right, inside the container.
Absolute positioning is problematic [brittle among other things] for the
base layout.
On 11/17/10 2:54 PM, John j...@coffeeonmars.com wrote:
On Nov 17, 2010, at 11:25 AM, G.Sørtun wrote:
Your example looks like a clear case of divitis - meaningless
overuse of divs.
The following...
div class=outer
h3Title/h3
img src=image_1.jpg
pdescriptive text/p
/div
*MANY* thanks to David and others who responded...
I have a lot to chew on now and even though I was sure I was onto
some good coding, this experience helped me to see what good coding
practices really are...
thank you all for taking time to throw the code as you'd do it my way.
John
On 2010/11/17 13:48 (GMT-0800) Thierry Koblentz composed:
http://www.alistapart.com/articles/css-positioning-101/
Seemed interesting, until I got to the 5th reference to an invisible example.
Where are they hidden, some offsite adserver/image host? I lost my
webdeveloper extension by
Hi Felix,
http://www.alistapart.com/articles/css-positioning-101/
Seemed interesting, until I got to the 5th reference to an invisible
example.
Where are they hidden, some offsite adserver/image host? I lost my
webdeveloper extension by upgrading my primary browser to a Gecko 2.0b.
quote
Example D
http://www.alistapart.com/d/css-positioning-101/example_d.html
shows our new markup. Because of the new coordinate system, the blue
block measures its offset 200 pixels from the left of the red block
(|#box_1|) instead of the document.
Yes, and by placing #box_2 as a
16 matches
Mail list logo