Help - Search - Members - Calendar
Full Version: columns
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
Smarmosaur
so i'm pretty sure i'm just having another blonde moment...
but i have two certain custom modules where i'd like the contents to be in two columns. i've tried spaces and obviously, didn't work.
is this even possible? any ideas?
thanks in advance.
IVIike
have you tried something like this??

CODE
<DIV align="center"><TABLE>
<TR>
<TH>Column 1</TH>
<TH>Column 2</TH>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TR>
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>


That should work thumbsup.gif
Smarmosaur
thanks! dunno why i didn't think of that.
one thing, though.
i'm using the align property in it, and it aligns the column title to where i want it, but nothing else-i have the align property on each thing under the column, including the title.
IVIike
did you change this part at the top of the code??
QUOTE
<DIV align="center">
Smarmosaur
actually, i just put the table part into the DIV code that was already there for the module. it doesn't have an align property in the actual div part.

<div class="ÆHeader">About Us</div>
<div class="Modules"><p>

CODE
<TABLE>
<TR>
<TH align="left"><u>•Becka•</u>    </TH>
<TH align="right"><u>•Crystal•</u></TH>
</TR>
<TR>
<TD align="left">-Missouri-    </TD>
<TD align="right">*California*</TD>
</TR>
<TR>
<TD align="left">•14•    </TD>
<TD align="right">#13</TD>
</TR>
<TR>
<TD align="left"><b>-Photographer-</b>    </TD>
<TD align="right"><b>Piano</b> player :]</TD>
</TR>
<TR>
<TD align="left"><b>→</b>Artist<b>←</b>    </TD>
<TD align="right">Poetic <u>[maniac]</u></TD>
</TR>
<TR>
<TD align="left">♪<i>Singer</i>♪    </TD>
<TD align="right"><i>Exuberant Reader</i></TD>
</TR>
</TABLE>
<br>
<center>↑open since 6-11-06↓</center>
</div><br>
IVIike
you don't need to align them like that thye should already do that _smile.gif
Smarmosaur
woops, i guess i gotta start giving more detail. rolleyes.gif

I want this boxed part:


to move over to this boxed part; all the way to the right of the module:
digitalfragrance
Have you tried using "text-align: right" instead of align: right?
Smarmosaur
uh holy cow i forgot about this.
i tried text align.
nothing is working. stubborn.gif
IVIike
maybe remove that box thing
S-Majere
Have you tried increasing the width? Or using a slightly modified code...

My example here uses links instead of text content, but you can easily change that.

CODE
<table border="0" width=165px>
<tr>
<td valign="top">
<p><br>
<A href="http://www." target=_"new">Link</a><br />
<A href="http://www." target=_"new">Link</a><br />
<A href="http://www." target=_"new">Link</a><br><br>
</td>
<td valign="top">
<p><br>
<A href="http://www." target=_"new">Link</a><br />
<A href="http://www." target=_"new">Link</a><br />
<A href="http://www." target=_"new">Link</a><br><br>

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