Topic: floating multiple images
what's the css code for floating multiple images?
We just installed our new forum/community .. please check it out: Killersites Community. THIS FORUM IS NOW AN ARCHIVE. Old user accounts and posts have been transferred to the new forum.
I've started a new topic on the move here TALK ABOUT NEW FORUM
Stefan
what's the css code for floating multiple images?
Do you mean floating several images on the same line?
CSS
img.left { float: left; }HTML
<img class="left" src="image1.jpg" alt="Image 1">
<img class="left" src="image2.jpg" alt="Image 2">
<img class="left" src="image3.jpg" alt="Image 3">Last edited by Wickham (January 20, 2010 7:47 am)
Do you mean floating several images on the same line?
CSSimg.left { float: left; }HTML
<img class="left" src="image1.jpg alt="Image 1"> <img class="left" src="image2.jpg alt="Image 2"> <img class="left" src="image3.jpg alt="Image 3">
No. I meant in a straight line across the screen!
Please don't answer him anymore, rudeness should be punished.
Please don't answer him anymore, rudeness should be punished.
Eric, I think you misunderstood my answer. I'm trying figure out how to float multiple images across the screen!
You mean float around randomly, like soap bubbles or something? Or do you mean the CSS term 'float'? If the latter is the case, then your answer is up there.
You mean float around randomly, like soap bubbles or something? Or do you mean the CSS term 'float'? If the latter is the case, then your answer is up there.
Andrea, I want the images to float from left to right across the screen.
Well that's what Wickham's code will do, float your images across the page next to each other on the same line.
Unless, of course, you want them to float like soap bubbles, but in an orderly fashion just from left to right.......
We are talking CSS positioning float here. If you really mean a different kind of float, please be specific.
But if you also mean CSS float - then what virtual said what Wickham said - of course - unless you have too many images or they are too large, that what doesn't fit will drop down to the next row.
Perhaps Kaymeis didn't understand that float is a technical CSS coding term.
If he means images that move across the screen then this could be done with javascript, jQuery or Flash.
Hotscripts http://www.hotscripts.com/category/java -programs/ might have a suitable script.
This page http://www.hotscripts.com/category/java nimations/ lists two "Bouncing Images" scripts that might be what is wanted. I don't know whether they can be controlled in a straight line or whether they bounce up and down as well.
Copyright © 1996-2010 KillerSites.com | 