PDA

View Full Version : How to place text and graphics side by side


Jinnifah
04-18-2003, 05:11 PM
Hi
So, I'm trying to align a page in such a way that it looks kinda like this:


Table text table text table text . . . .One
Table text table text table text . . . .big
Table text table text table text . . . .image
Table text table text table text . . . .all
Table text table text table text . . . .the
Table text table text table text . . . .way
Table text table text table text . . . .down

I have no idea how to go about doing this. I can't seem to get anything but the image above or below the text. It wont go beside.

please help me?:confused:

Roy Sinclair
04-18-2003, 05:18 PM
That's what the CSS float is for:

<img src="..." style="float:right;" />

sage45
04-18-2003, 05:45 PM
Another thing you can try is making a table to enclose the tables and text you have...

Might be something like this example using nested tables:

<TABLE CELLPADDING="1" CELLSPACING="1" BORDER="1" WIDTH="100">
<TR>
<TD>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP">
Text in table on top-left side of main table
</TD>
</TR>
</TABLE>
</TD>
<TD ALIGN="CENTER" VALIGN="TOP" ROWSPAN="3">
<IMG SRC="" HEIGHT="350" WIDTH="245"><BR>
This image will span all three rows
</TD>
</TR>
<TR>
<TD>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP">
Text in table on middle-left side of main table
</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD>
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%">
<TR>
<TD ALIGN="LEFT" VALIGN="TOP">
Text in table on bottom-left side of main table
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>


HTH,

-sage-

Mhtml
04-20-2003, 03:36 AM
www.w3schools.com/html - Html tutorial. :thumbsup: