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
you don't need anything around the image or the paragraph...
.outer img {float:left;}
.outer p {float: right;}
If you want white space, you can apply margins, padding, borders, etc, just
like you would if they were a div. But you can apply them directly to the img
and p elements without
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
Hi David,
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. Use a float based
On 11/17/10 3:44 PM, Thierry Koblentz wrote:
Hi David,
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
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
13 matches
Mail list logo