columns |
columns |
![]()
Post
#1
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
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. |
|
|
![]() |
![]()
Post
#2
|
|
![]() Hey, I'm Mike ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,272 Joined: May 2006 Member No: 406,241 ![]() |
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 ![]() |
|
|
![]()
Post
#3
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
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. |
|
|
![]()
Post
#4
|
|
![]() Hey, I'm Mike ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,272 Joined: May 2006 Member No: 406,241 ![]() |
did you change this part at the top of the code??
QUOTE <DIV align="center">
|
|
|
![]()
Post
#5
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
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> |
|
|
![]()
Post
#6
|
|
![]() Hey, I'm Mike ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,272 Joined: May 2006 Member No: 406,241 ![]() |
you don't need to align them like that thye should already do that
![]() |
|
|
![]()
Post
#7
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
woops, i guess i gotta start giving more detail.
![]() I want this boxed part: ![]() to move over to this boxed part; all the way to the right of the module: ![]() |
|
|
![]()
Post
#8
|
|
![]() Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 ![]() |
Have you tried using "text-align: right" instead of align: right?
|
|
|
![]()
Post
#9
|
|
![]() AKA RockIt Studios ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 2,286 Joined: Jun 2006 Member No: 421,809 ![]() |
uh holy cow i forgot about this.
i tried text align. nothing is working. ![]() |
|
|
![]()
Post
#10
|
|
![]() Hey, I'm Mike ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,272 Joined: May 2006 Member No: 406,241 ![]() |
maybe remove that box thing
|
|
|
![]()
Post
#11
|
|
![]() Addict ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 3,918 Joined: Jun 2007 Member No: 538,522 ![]() |
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> |
|
|
![]() ![]() |