By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,988 Members | 1,476 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,988 IT Pros & Developers. It's quick & easy.

Help needed positioning elements

P: n/a
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.
Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
GaryM wrote:
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
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
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.