Log In · Register

 
i need help, please., div alignment troubles = frustration.
weirdoishly
post Feb 22 2006, 07:33 PM
Post #1


thatonegirl.
***

Group: Member
Posts: 30
Joined: Nov 2004
Member No: 61,787



for some reason, i just can't get this myspace layout i am working on to align.

youu can view it on myy backup myspace here: click me please!!

i'm having problems with:
  1. the most important one is movies. i can't seem to get it into it's little box in the lower right corner.
  2. the space between the navigation part and the about me section.
  3. the alignment of "liz" and "navigation".
can anyone please help me??
i've been putting this layout off long enough...but i've just been so fristrated with it.

here's what i've coded so far.
about me:
CODE
<style type="text/css">
.Main { position:absolute; left:50%; top:120px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}
</style>


i'd like to meet:
CODE
<DIV class="Main"> <table style="width:905px; height:835px; cellpadding:10px; cellspacing:0px; border:0px; background-color:FFFFFF;}"> <tr> <td valign="top">

<STYLE TYPE="text/css">
a:link, a:visited, a:active { text-decoration:none;color:675883;font-size:8pt;font-weight:normal;font-family:arial;}
A:hover { color:ffffff }

BODY
{
   scrollbar-face-color:AEA2B8;
   scrollbar-arrow-color:675883;
   scrollbar-track-color:FFFFFF;
   scrollbar-shadow-color:675883;
   scrollbar-highlight-color:675883;
   scrollbar-3dlight-color:F5EAD8;
   scrollbar-darkshadow-Color:675883;}

body{background-color:FFFFFF;}
table, tr, td {background-color:transparent;border: 0px;}

img { border:0px }
</STYLE>

<table align="center" border="0" cellpadding="0" cellspacing="0" background="http://img.photobucket.com/albums/v109/miss_informed/lizmyspace.jpg" height="835px" width="595px">
  
<tr valign="bottom">
    <td height="430" colspan="0" width="28"> </td>
  </tr>

  <tr valign="top">
        <td height="420" width="204">
    <p align="center">
    <img border="0" src="http://img.photobucket.com/albums/v109/miss_informed/liz.gif">
    <br>
    <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=5857777&Mytoken=7A65B21D-16BB-4FE8-B23FA7547A62C4CC533503390">add me.</a><br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=5857777&Mytoken=7A65B21D-16BB-4FE8-B23FA7547A62C4CC533503390">view blogs.</a><br>
    <a href="http://mail2.myspace.com/index.cfm?fuseaction=mail.message&friendID=5857777&Mytoken=7A65B21D-16BB-4FE8-B23FA7547A62C4CC533503390">
    send message.</a><br>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=5857777&Mytoken=7A65B21D-16BB-4FE8-B23FA7547A62C4CC533503390">
    view comments.</a><br>
    <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=5857777&userName=verena&Mytoken=7A65B21D-16BB-4FE8-B23FA7547A62C4CC533503390">
    view pictures.</a><br>
    <a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=5857777&userName=verena&Mytoken=7A65B21D-16BB-4FE8-B23FA7547A62C4CC533503390">
    view friends.</a>

<div>
<p align="center">
<br><br>
<form action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment" method="post"> <input type="hidden" name="friendID" value="5857777">
  <textarea style="BORDER-RIGHT: 000000 1px solid; BORDER-TOP: 000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: 000000 1px solid; WIDTH: 150px; COLOR: 675883; BORDER-BOTTOM: 000000 1px solid; FONT-FAMILY: helvetica; HEIGHT: 98px; BACKGROUND-COLOR: AEA2B8" name="f_comments" rows="200" cols="100">we're just two people trying to make sense of this puzzle called life. </textarea><br>
  <input style="BORDER-RIGHT: 000000 1px solid; BORDER-TOP: AEA2B81px solid; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: 000000 1px solid; WIDTH: 150px; COLOR: 675883; BORDER-BOTTOM: 000000 1px solid; FONT-FAMILY: helvetica; BACKGROUND-COLOR: AEA2B8" type="submit" value="enter.">
</form>
</div>

    <td height="400" width="31" colspan="0">
<DIV id=scroll3 style="OVERFLOW: auto; Width: 326; HEIGHT: 222">
          <p align="justify">
          <font style="font-size: 8pt" face="arial" color="675883">
about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me. about me.</div>              
<br>
<br>
<DIV id=scroll3 style="OVERFLOW: auto; Width: 151; HEIGHT: 110px">
          <font style="font-size: 8pt" face="arial" color="675883">
          <p align=”justify”>
          <font style="font-size: 8pt" face="arial" color="675883">
music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. music. </center>
</div>
</tr>

<DIV id=scroll3 style="OVERFLOW: auto; Width: 171; HEIGHT: 122">
<font style="font-size: 8pt" face="arial" color="675883">
movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies. movies.
</p>
</div>
<center>

   </td>
  </tr>
</table>
</div>

</td> </tr> </table> </DIV>


if youu can help me, please do so as soon as possible.
thanksyouu sooo veryy much in advance!! biggrin.gif
 
 
Start new topic
Replies
freeflow
post Feb 22 2006, 08:48 PM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



One way to fix:

The thing is your divs don't really have coordinates.. If they did you could move them where you wanted and it takes more work..

Well they do I guess but if you changed your div codes to these:
CODE
<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;">
lalalalala this is your content!
</div>

And played with the coordinates it will work better. I did so and I was able to move your "movies" box .
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: