HTMLHelp Forums > How do i put text beside and image?

Help - Search - Members - Calendar

Full Version: How do i put text beside and image?

HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)

kokoro

Nov 15 2009, 02:44 AM

Alrighty, so I was wondering

How do you html something to

Have a picture on the left, and have text right beside it going down,

No under it or above it, right next to it.

If you have an idea of what im taking about give me an example of what you think I mean

I really need this html and it would help a bunnch ><

So respond quickly and help me please :]

Frederiek

Nov 15 2009, 04:18 AM

See Maxdesign's floatutorial (Tutorial 1. Floating an image to the right).
If you want the image to be on the left, just change the float to left and change the margin accordingly.

kokoro

Nov 15 2009, 01:15 PM

Ive tried their html and it doesnt really work

Dante Monaldo

Nov 15 2009, 02:25 PM

Try this:

CODE

border="0" width="100%" cellpadding="10">
<tr>

<td width="50%" valign="top">
<----This is where you would place your image---->
</td>

<td width="50%" valign="top">
<----This is where you could place your text---->
</td>

</tr>
</table>

You could also change the width into pixels instead of percentages.

I hope this helps!

Darin McGrew

Nov 15 2009, 04:50 PM

Can you provide the URL (address) of a document that demonstrates the problem?

kokoro

Nov 15 2009, 05:01 PM

Im really sorry to be so picky but, it comes out kind of oddly. ><

Thats how it comes out.

Dante Monaldo

Nov 16 2009, 08:10 PM

I tried recreating the problem, and I didn't seem to have any troubles. Below is the code that I used and you simply just have to place it where you would like it to be.

CODE

<table width="500" height="1000" align="center">
<tr>
<td width="250" height="1000" valign="top">
<image src="kokoro.png" alt="Kokoro.png">
</td>
<td width="250" height="1000" valign="top">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</td>
</tr>
</table>

I hope it helps!

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.