DIV BUTTONS?!, help? Options

[alice_x]

ok erm well my div's like this.




all the boxes are muddled up.
i need them to be in a line like the top ones.
and theres no button to go home...
could you help me with a home button please?
thanks
x

[freeflow]

Align your divs in a straight line. It may take a while but you'll need to play around w/ the coordinates till there straight..

[alice_x]

how can i do that ?

[freeflow]

Post the code to atleast two of your boxes and I can explain better. :)

[alice_x]

</div>
<p style="line-height:12px;text-align:center;"><span style="font-size:18pt; font-wieght:bold; color:black;font-family:century gothic; text-transform: lowercase; letter-spacing:-3px;">interests.</span></B><br><center><br>

<DIV id=scroll3 style="border-right:black 1px solid; border-top:black 1px solid;border-left:black 1px solid;border-bottom:black 1px solid;overflow: auto;width: 190px;height: 150px; background-color:C0C0FF;">

><small>town<br>
shopping.<br>
friends<br>
msn.<br>
trampoline.<br>
MUSIC.!<br>
my hair<br>
♥


</center>
</div>
</DIV></td><td valign="top">

<div style="overflow:auto;
width:190;
height:490;
background-color:transparent;
background-image: url();
border:0px solid;
border-color:black;"><center>
<p style="line-height:12px;text-align:center;"><span style="font-size:18pt; font-wieght:bold; color:black;font-family:century gothic; text-transform: lowercase; letter-spacing:-3px;">blah.</span></B><br><center><br>

<DIV id=scroll3 style="border-right:black 1px solid; border-top:black 1px solid;border-left:black 1px solid;border-bottom:black 1px solid;overflow: auto;width: 190px;height: 250px; background-color:FFC0C0;">


<br>when i'm mad, i go outside and scream.
<br>when i'm sad, i sleep
<br>when i'm bored, i eat sugar
<br>when i'm hungry, i eat bread
<br>when i'm excited, go on trampoline
<br>when nothing makes me smile, i listen to music


thanks. x

[freeflow]

for this you have

<p style="line-height:12px;text-align:center;"><span style="font-size:18pt; font-wieght:bold; color:black;font-family:century gothic; text-transform: lowercase; letter-spacing:-3px;">interests.</span></B><br><center><br>

<DIV id=scroll3 style="border-right:black 1px solid; border-top:black 1px solid;border-left:black 1px solid;border-bottom:black 1px solid;overflow: auto;width: 190px;height: 150px; background-color:C0C0FF;">

><small>town<br>
shopping.<br>
friends<br>
msn.<br>
trampoline.<br>
MUSIC.!<br>
my hair<br>
?


</center>
</div>


what you would do is do is keep it but add what I added in red:

<p style="line-height:12px;text-align:center;"><span style="font-size:18pt; font-wieght:bold; color:black;font-family:century gothic; text-transform: lowercase; letter-spacing:-3px;">interests.</span></B><br><center><br>
<div class="scroll1">
<DIV id=scroll3 style="border-right:black 1px solid; border-top:black 1px solid;border-left:black 1px solid;border-bottom:black 1px solid;overflow: auto;width: 190px;height: 150px; background-color:C0C0FF;">

><small>town<br>
shopping.<br>
friends<br>
msn.<br>
trampoline.<br>
MUSIC.!<br>
my hair<br>
?
</center>
</div></div>

That would go in who'd I like to meet.

Then in about me you would do

CODE

<style type="text/css">
.scroll1{
position:absolute;
left:325px;
top:190px;
width:#px;
height:#px;
}
</style>

You would do random numbers for top & left till your satisfied.

Then for the next one you would add
.divname{
position:absolute;
left:#px;
top:#px;
width:#px;
height:#px;
}
you put that in about me inbetween style tags.

Then in who'd I like to meet before your scrollbox code you would do
<div class="divnamefromaboutme">
scrollboxcodeshere
</div>

You would od random numbers till its where you want it then yea. Do that for all of them. Thats my way of doing it. Someone else might have another