Click to See Complete Forum and Search --> : Floating images help


illusion456
02-17-2006, 02:22 PM
Hello, I'm very new to css so I'm going to go a head and apologize for the "noobish" question. My problem is, when I float an image to the right everything works fine, but when I add a second floating image to the right directly under it, it causes the table that it is floating around to move down to the second image. Here is an image to better show what is happening when I try to float a second image to the right:

http://users.multipro.com/tvec/now.jpg

The table that once started up at the same level as the top of image 3 is now dropped down to the level of the top of image 4. :eek:

Is there any way to move that back up, or is there any way to add a second floating image without moving everything else down with it? :confused:

Kravvitz
02-17-2006, 03:32 PM
Why don't you put the two images in a div that's flaoted right?

illusion456
02-19-2006, 06:18 AM
Well I tried what you said, but when I put them into a div tag and float it right, it moves the table back up to where it's supposed to be but it then takes up the rest of the space to the right of the page and then floats the 2 images to the bottom right of it, under the table. I tried reducing the width of the table and it made space to the right for the images again, but it still floated them to the right and under the bottom of the table rather than just beside it. Is there any way I can push them up beside it? :confused:

3Pinter
02-19-2006, 06:39 AM
Could you give us some coding?
This could help giving a good solution for your problem.

As far as I understand the problem correctly I assume that the CSS-coding for your image isn't correct.

<img src="afdkafdasdf" class="floatright" />

And CSS should be something like:
.floatright{
float: right;
clear: right;
}

For further reading on this subject I would recommend you this site which gives some real nice basic and easy-to-understand information for beginners as well as experienced designers.

http://css.maxdesign.com.au/floatutorial/index.htm


Good luck.

3Pinter

Kravvitz
02-19-2006, 09:20 PM
3Pinter's suggestion would work in some cases.

It would be helpful if you could post a link to the page in question or post the code here.

requiembmx
02-19-2006, 09:34 PM
below\/\/\/\/
you should find what you need.

illusion456
02-20-2006, 03:38 AM
Thanks everyone, got it working now. Those tutorials saved the day :D