Help with align

  • lilstorm
  • Graduate
  • Graduate
  • User avatar
  • Posts: 162
  • Loc: New York

Post 3+ Months Ago

I have a table and in the table I want to have words and then a graphic. I am trying to get the word to line up on the top left side and the graphic to line up on the top right side. But whenever I do this the graphic goes down below and looks ugly lol

Any help?

Here is the code:

Code: [ Select ]
<td><p align="left"><u><font color="#000066" size="2" face="Arial, Helvetica, sans-serif">27</font></u>
     <img src="moon16.gif" alt="full moon" width="25" height="25" align="right"> </p></td>
  1. <td><p align="left"><u><font color="#000066" size="2" face="Arial, Helvetica, sans-serif">27</font></u>
  2.      <img src="moon16.gif" alt="full moon" width="25" height="25" align="right"> </p></td>


The graphic is here if you want to see it. http://img20.photobucket.com/albums/v61 ... moon16.gif
  • Daemonguy
  • Moderator
  • Web Master
  • User avatar
  • Posts: 2700
  • Loc: Somewhere outside the box in Sarasota, FL.

Post 3+ Months Ago

lilstorm wrote:
I have a table and in the table I want to have words and then a graphic. I am trying to get the word to line up on the top left side and the graphic to line up on the top right side. But whenever I do this the graphic goes down below and looks ugly lol

Any help?

Here is the code:

Code: [ Select ]
<td><p align="left"><u><font color="#000066" size="2" face="Arial, Helvetica, sans-serif">27</font></u>
     <img src="moon16.gif" alt="full moon" width="25" height="25" align="right"> </p></td>
  1. <td><p align="left"><u><font color="#000066" size="2" face="Arial, Helvetica, sans-serif">27</font></u>
  2.      <img src="moon16.gif" alt="full moon" width="25" height="25" align="right"> </p></td>


The graphic is here if you want to see it. http://img20.photobucket.com/albums/v61 ... moon16.gif


Embedded tables?

Code: [ Select ]
<td>
 <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR>
      <TD align="left"><u><font color="#000066" size="2" face="Arial, Helvetica, sans-serif">27</font></u></TD>
      <TD ALIGN="right">
     <img src="moon16.gif" alt="full moon" width="25" height="25" align="right"> </p></TD>
    </TR>
  </TABLE>
</td>
  1. <td>
  2.  <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
  3.     <TR>
  4.       <TD align="left"><u><font color="#000066" size="2" face="Arial, Helvetica, sans-serif">27</font></u></TD>
  5.       <TD ALIGN="right">
  6.      <img src="moon16.gif" alt="full moon" width="25" height="25" align="right"> </p></TD>
  7.     </TR>
  8.   </TABLE>
  9. </td>


I think that should do it, might require some tweaking.

Cheers.
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1852

Post 3+ Months Ago

Try this:

Code: [ Select ]
<td valign="top"><img
src="moon16.gif" alt="full moon"
width="25" height="25"
align="right"><font ...><u>27</u></font></td>
  1. <td valign="top"><img
  2. src="moon16.gif" alt="full moon"
  3. width="25" height="25"
  4. align="right"><font ...><u>27</u></font></td>


Of course, you will not want to literally type the "..." part :)

Your life would be easier if you used CSS.
  • Daemonguy
  • Moderator
  • Web Master
  • User avatar
  • Posts: 2700
  • Loc: Somewhere outside the box in Sarasota, FL.

Post 3+ Months Ago

Yeah CSS would make this and any subsequent change much easier..
  • lilstorm
  • Graduate
  • Graduate
  • User avatar
  • Posts: 162
  • Loc: New York

Post 3+ Months Ago

Yeah I was thinking of using embedded tables but such a pain lol :( And I am not that great with css to really try that. I am making a calendar and not sure how it would work out.

Thanks for your help.
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1852

Post 3+ Months Ago

lilstorm wrote:
And I am not that great with css to really try that.


Well, try whenever you can, and I promise that as you learn, your life (or at least a part of it) will be made 6.31 times easier!

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 16 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.