Where and how do I place text under images in CSS

alternative-answer · 08-13-2009, 08:36 AM

Hi warriors, I need to place text under the images on these webpages can any of you tell me what I need to put in and where. Below is the CSS file and just below here is the html file for that page. Thanks in advance!

HomeBizNizz · 08-13-2009, 08:59 AM

Like this:
<p>
<img src="url" width="100" height="100" />
<br />
Text under the pic...
</p>

or...

<div class="extended">
<img src="img/chamuel.JPG" alt="chemuel" width="130" height="150" class="imageright" />
<br />
Text under the pic...
</div>

alternative-answer · 08-13-2009, 09:08 AM

Thanks for the response, have tried that and it didn't work, can you have a look at Debbie Fennella - spiritual medium - healer - reiki master - bournemeouth - poole - dorest Ascended Masters as you can see on the right hand side the small images, I have managed to get text under the images by using a table, however there must be a way of getting directly under the image using CSS. Any thoughts?

HomeBizNizz · 08-13-2009, 09:13 AM

If you insert a small table in the div with one column and 2 rows.
One row to the pic and one row to the text.
Use border collapse and cellpadding/cell spacing to 0.
I think that may work.

Upper cell: valign=bottom
Lower cell: valign=top

Set cell height to 0 to squeeze the cells together
including the content.

alternative-answer · 08-13-2009, 09:20 AM

Thanks again, any chance you could actually write it as it should look please?

HomeBizNizz · 08-13-2009, 09:27 AM

Try this:

<table width="10%" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td valign="bottom" height="0">
<img src="url" width="150" height="150" />
</td>
</tr>
<tr>
<td valign="top" height="0">
Text
</td>
</tr>
</table>

08-13-2009, 08:36 AM	#1
alternative-answer Active Warrior Join Date: Jun 2009 Location: Bournemouth UK Posts: 86 Thanks: 7 Thanked 5 Times in 5 Posts	Where and how do I place text under images in CSS Hi warriors, I need to place text under the images on these webpages can any of you tell me what I need to put in and where. Below is the CSS file and just below here is the html file for that page. Thanks in advance!

08-13-2009, 08:59 AM	#2
HomeBizNizz A rat after money... War Room Member Join Date: Jul 2009 Location: Inside a cheese... Posts: 598 Thanks: 363 Thanked 54 Times in 47 Posts	Re: Where and how do I place text under images in CSS Like this: <p> <img src="url" width="100" height="100" /> <br /> Text under the pic... </p> or... <div class="extended"> <img src="img/chamuel.JPG" alt="chemuel" width="130" height="150" class="imageright" /> <br /> Text under the pic... </div>
	FREE downloadable ButterflyOpenSourceCode.com script install guide Brainstorm your own topics for your articles, blogentries, videos, ebooks by using this easy form

08-13-2009, 09:08 AM	#3
alternative-answer Active Warrior Join Date: Jun 2009 Location: Bournemouth UK Posts: 86 Thanks: 7 Thanked 5 Times in 5 Posts	Re: Where and how do I place text under images in CSS Thanks for the response, have tried that and it didn't work, can you have a look at Debbie Fennella - spiritual medium - healer - reiki master - bournemeouth - poole - dorest Ascended Masters as you can see on the right hand side the small images, I have managed to get text under the images by using a table, however there must be a way of getting directly under the image using CSS. Any thoughts?

08-13-2009, 09:13 AM	#4
HomeBizNizz A rat after money... War Room Member Join Date: Jul 2009 Location: Inside a cheese... Posts: 598 Thanks: 363 Thanked 54 Times in 47 Posts	Re: Where and how do I place text under images in CSS If you insert a small table in the div with one column and 2 rows. One row to the pic and one row to the text. Use border collapse and cellpadding/cell spacing to 0. I think that may work. Upper cell: valign=bottom Lower cell: valign=top Set cell height to 0 to squeeze the cells together including the content.
	FREE downloadable ButterflyOpenSourceCode.com script install guide Brainstorm your own topics for your articles, blogentries, videos, ebooks by using this easy form

08-13-2009, 09:20 AM	#5
alternative-answer Active Warrior Join Date: Jun 2009 Location: Bournemouth UK Posts: 86 Thanks: 7 Thanked 5 Times in 5 Posts	Re: Where and how do I place text under images in CSS Thanks again, any chance you could actually write it as it should look please?

08-13-2009, 09:27 AM	#6
HomeBizNizz A rat after money... War Room Member Join Date: Jul 2009 Location: Inside a cheese... Posts: 598 Thanks: 363 Thanked 54 Times in 47 Posts	Re: Where and how do I place text under images in CSS Try this: <table width="10%" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" height="0"> <img src="url" width="150" height="150" /> </td> </tr> <tr> <td valign="top" height="0"> Text </td> </tr> </table>
	FREE downloadable ButterflyOpenSourceCode.com script install guide Brainstorm your own topics for your articles, blogentries, videos, ebooks by using this easy form