...

View Full Version : How to get images to stack right/text flow left...



DimFish
02-08-2005, 03:20 PM
Hi everyone -

Can you help me with this quick question?

How do I get the images here to stack one on top of each other instead of the lower one coming round to the left of the upper one. I want the text to flow along the LHS of both images....

http://www.diminishingfish.com/james3/housing.html
http://www.diminishingfish.com/james3/layout1.css

Here's the CSS that I have at the moment...don't know if it's how I should be doing it or not.....

.floatright {
float: right;
width: 250;
}

div.floatright img {
border: 1px solid #CCCCCC;
padding: 5px;
margin: 0px 0px 0px 10px;
text-decoration: none;
}

div.floatright p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
line-height: 120%;
width: 200px;
text-align: center;
}

mcdougals4all
02-08-2005, 04:53 PM
.floatright {
float: right;
width: 250px;
}


You just need to add the unit of measure. Unless the value is 0, always specify whether it's px, em, etc.

DimFish
02-08-2005, 05:45 PM
Hey thanks. Dumb mistake. Too much screen time, not enough coffee.

A.

DimFish
02-08-2005, 05:59 PM
Hi again.
Something is still not clicking in brain for me with this.

With this:

.floatright {
float: right;
width: 200px;
}

mcdougals4all
02-08-2005, 06:05 PM
Not sure I get you. What's the question? :confused:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum