Stylesheets - Help needed positioning elements

Author

Help needed positioning elements

GaryM

2003-12-21, 11:49 pm

I hope someone can help me with this, I've been ploughing through the
CSS 2 specs for a while trying to figure this out. Anyway...

I am designing an index page for a website that has information about
different properties, like an estate agent's (or realtor's if you
prefer) site. I want to have it like this:

Name of property
Information Photograph

Where the name is left-aligned, the photograph is right-aligned, and
the information is centre-aligned in the space between the photograph
and the margin. I also want the whole thing to be contained in a block
that I can define the height of, and the photograph must stretch to
fill the height of the containing block.

I have been experimenting with "floats" for a while, and setting the
"height" for the image to 100%, but I just seem to end up with
photographs overlapping different paragraphs. Please help! Thanks.

Spartanicus

2003-12-21, 11:49 pm

GaryM wrote:

quote:

>I am designing an index page for a website that has information about
>different properties, like an estate agent's (or realtor's if you
>prefer) site. I want to have it like this:
>
>Name of property
> Information Photograph
>
>Where the name is left-aligned, the photograph is right-aligned, and
>the information is centre-aligned in the space between the photograph
>and the margin.

http://www.spartanicus.utvinternet.ie/test/GaryM.htm

quote:

>I also want the whole thing to be contained in a block
>that I can define the height of, and the photograph must stretch to
>fill the height of the containing block.
>
>I have been experimenting with "floats" for a while, and setting the
>"height" for the image to 100%, but I just seem to end up with
>photographs overlapping different paragraphs.

Don't stretch or shrink images by specifying incorrect width and/or
height in the code, use a graphics editor to resize them properly.

--
Spartanicus