Hello. Can someone help me set something simple up. I am sure the HTML experts could do this and help me easy. Basically I want to have the following; Basically that green monster is a picture. That is being centered. The the red and yellow line represents text under it. Which is also centered. So it's picture, Text Line 1, Text Line 2, Also when I hover over the picture, I want the alt tag thing to appear with the text like other images do. I want this. So there is five in a row, the again under that another five. Can someone help me? Thanks, BlueEew.
FINAL: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <div style="height:123px;width:320px;"><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div></div> <div style="height:123;width:320px;"><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div><div style="height:123px;width:64px;float:left;text-align:center;"><img src="http://i67.photobucket.com/albums/h311/BlueEew/test-1.png" border="0" alt="Hover Text IE" title="Hover Text FF" /><br />Text 1<br />Text 2</div></div> </body> </html>
Thanks for that. I see you get what I meant. However I want to post this on a vBulletin forum which as HTML allowed. How would I get it to work properly with that?
wow.. you really should have said that first. I'm not sure if that will work on vBulletin. You can try just posting what is within the body-tags. Not sure if their tags are contained by [], <>, whatever, or what tags they allow, inline css, etc.. someone else might help you.
I am sorry about that. I thought it wouldn't of made a differnece. I got the above working now. I will PM you.