PDA

View Full Version : Aligning images and text


gigiloumill
06-07-2011, 02:03 AM
Guys, I need to insert 4 images horizontally of 50 px x 50 px. with a title in between. My problem is that I can't find a way to align properly. Any suggestions? Thanks

DWcourse
06-07-2011, 02:42 AM
Can you give us an image of what you want it to look like?

gigiloumill
06-07-2011, 11:00 AM
About half down the page..'Special Features" http://www.forbes.com/. I know that's a flash file but I would like to do something similar. Or imput each pic in it's own div

gentleone
06-07-2011, 11:20 AM
Semantically correct in (X)HTML would be to use a definition list. At the following page scroll down to example 6.
http://www.maxdesign.com.au/articles/definition/

In HTML5 you would use the tags figure and figcaption. The figure tag you would give a float: left in the css to get them line-up next to each other:
http://html5doctor.com/the-figure-figcaption-elements/

And the Forbes slider is not Flash but JavaScript by the way ;)
http://flowplayer.org/tools/demos/scrollable/index.html

domedia
06-07-2011, 01:04 PM
About half down the page..'Special Features" http://www.forbes.com/. I know that's a flash file but I would like to do something similar. Or imput each pic in it's own div

Do you any of the browser tools to investigate web page source/code?
You should.
F12 in FF or CTRL+SHIFT+i in Chrome :)

gigiloumill
06-07-2011, 04:39 PM
Thanks..Very valuable info..

Semantically correct in (X)HTML would be to use a definition list. At the following page scroll down to example 6.
http://www.maxdesign.com.au/articles/definition/


http://www.ilouie.com