[SOLVED] Page Line Up

everlifefree · January 18, 2008

Ok, here's my code that needs to be fixed it isn't lining up how I would like it to, I would like it keep everything lined up across the top and extend down all it needs to instead of shifting like it is now. I you would like to look at it in action go to http://spadespace.com.

Login Info:

Email: [email protected]

Password: demo123

Please help, Thanks

<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD width=350>
<TABLE cellSpacing=0 cellPadding=2 width="350" border=0>
<TBODY>
<TR>
<TD valign=top width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Welcome, {me.username} 
</TR>
<TR>
<TD>
<DIV><A href="?L=users.profile&id={me.id}"><IMG id=picture 
alt="[My Picture {125}]" hspace=2 
src="system/image.php?file={me.mainpicture}&width=260" vspace=2 border=0 
name=picture></A> 
<TABLE align=center border=0>
<TBODY>
<TR>
<TD><B>View My:</B> 
<BR><A href="?L=users.profile&id={me.id}">Profile</A> | 
<A href="?L=pictures.gallery&id={me.id}">Pics</A> | <A 
href="?L=blogs.blog&id={me.id}">Blog</A> </TD>
</TR>
<TR>
<TD><A href="?L=comments.usercomments&id={me.id}">Comments</A> | <A 
href="?L=contacts.contacts">Friends</A></TD>
</TR>
</TBODY>
</TABLE>
</DIV></TD>
<TD vAlign=top>
<DIV class="left w40 marRL5" id=home_profileInfoLinks><SPAN 
style="WHITE-SPACE: nowrap"><A href="?L=users.myself">Edit Profile</A></SPAN> 

<BR>
<BR><SPAN style="WHITE-SPACE: nowrap"><A href="?L=users.settings">Account 
Settings</A></SPAN> 
<BR>
<BR><SPAN style="WHITE-SPACE: nowrap"><A 
href="?L=pictures.pictures">Upload / Change Photos</A></SPAN> 
<BR>
<BR><SPAN 
style="WHITE-SPACE: nowrap"><A href="?L=events.create">Create Event</A> 

<BR>
<BR></SPAN><SPAN style="WHITE-SPACE: nowrap"><A 
href="?L=blogs.blog&id={me.id}">Manage Blog</A></SPAN> 
<BR>
<BR><SPAN 
style="WHITE-SPACE: nowrap"></SPAN></DIV></TD>
</TR>
<TR>
<TD colSpan=2>My URL: <A href="http://www.spadespace.com/{me.username}"><SPAN 
style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffcc">spadespace.com/{me.username}</SPAN></A> 
<br><br></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Notifications 
</TR>
<TR>	 
<ZONE notifications newContact>
            <tr>
              <td align="center" valign="top"> <a href="?L=contacts.contacts"><strong>New Friend Request</strong></td>
           </tr>
	  </ZONE notifications newContact>
	  <ZONE notifications newMail>
            <tr>
              <td align="center" valign="top">
                 <a href="?L=mails.mails"><strong>{mails.counter} New Messages</strong></a></td>
            </tr>
	  </ZONE notifications newMail>
  <ZONE commentsToday enabled>
     <tr>
              <td align="center" valign="top">
                 <A href="?L=comments.usercomments&id={me.id}"><strong>New Comments Today</strong></a></td>
            </tr>
	  </ZONE commentsToday enabled>
<td>
<ZONE photocommentsToday enabled><LOOP photocommentsTodayLoop>
     <tr>
              <td align="center" valign="top">
                 <a href="?L=pictures.gallery&id={comment.rel}&pid={comment.photoid}"><strong>New Photo Comments Today</strong></a></td>
            </tr>
</LOOP photocommentsTodayLoop>
</ZONE photocommentsToday enabled>
 <ZONE ecardsToday enabled><LOOP ecardsTodayLoop>
     <tr>
              <td align="center" valign="top">
                 <a href="?L=ecards.index&id={ecard.id}"><strong>New E-Card Today</strong></a></td>
            </tr>
</LOOP ecardsTodayLoop>
 </ZONE ecardsToday enabled>
</TR>
</TR></TR>
</TBODY>
</TABLE>
</TD>
</TR>

<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>My Mail 
</TR>
<TR>
<TD align=center><A href="?L=mails.write">Write</A></TD>
<TD align=center><A href="?L=contacts.contacts">Friend Requests</A></TD>
</TR>
<TR>
<TD align=center><A href="?L=mails.mails">Inbox</A></TD>
<TD align=center><A href="?L=bulletins.create">Post Bulletin</A></TD>
<TR></TR></TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY><ZONE siteNews enabled>
	    <LOOP siteNewsLoop>
<TR>
<TD id=headtitle>Admin Updates</TD>
</TR>
<TR>
<TD vAlign=top>
	 <img src="{themePath}/images/icons/date.gif" alt="[Date {135}]" width="16" height="16" hspace="2" align="absmiddle" /> {news.date}:  <strong>{news.title}</strong></br>
		  {news.body}
		  <br /><br />
	    </LOOP siteNewsLoop>          </ZONE siteNews enabled>
	  
	  <ZONE siteNews noNewsArticle>
<TR id=headtitle>Upcoming Events</TR>
<TR>
<TD>
<LOOP nextEvents><IMG alt="[Date {135}]" hspace=2 
src="{themePath}/images/icons/date.gif" align=absMiddle><A 
href="?L=events.event&id={event.id}">{event.date}: {event.title}</A> 

<BR></LOOP nextEvents></TD>
</TR><TR><TD></TD><TD align="right"><a href="?L=events.all">View All</a></TD></TR>
	   </ZONE siteNews noNewsArticle>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=345>
<TABLE width="345" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Bulletins</TR>
<TR>
<TD>
<LOOP nextBulletins><A 
href="?L=bulletins.event&id={bulletin.id}">{bulletin.username}: {bulletin.title}</A> 
<BR></LOOP nextBulletins>
</TD>
</TR>
</TR><TR><TD></TD><TD align="right"><a href="?L=bulletins.all">View All</a></TD></TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD width=600>
<TABLE cellSpacing=0 cellPadding=2 width="600" border=0>
<TBODY>
<TR>
<TD valign=top height=255 width=310>
<TABLE width="310" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Sponsors 
</TR>
<TR>
<TD><!-- Begin: AdBrite -->
<SCRIPT type=text/javascript>
var AdBrite_Title_Color = 'FFFFFF';
var AdBrite_Text_Color = 'CCCCCC';
var AdBrite_Background_Color = '000000';
var AdBrite_Border_Color = '000000';
</SCRIPT>

<SCRIPT 
src="http://ads.adbrite.com/mb/text_group.php?sid=506277&zs=3330305f323530" 
type=text/javascript></SCRIPT>

<DIV><A style="FONT-WEIGHT: bold; FONT-SIZE: 13px; FONT-FAMILY: Arial" 
href="http://www.adbrite.com/mb/commerce/purchase_form.php?opid=506277&afsid=1" 
target=_top>Your Ad 
Here</A></DIV><!-- End: AdBrite --></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD valign=top height=255 width=290>
<TABLE width="290" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>{today.date} 
</TR>
<TR>
<TD><B>Ranking Score:</B> {votes.average}/5
<BR><B>Profile Views:</B> {views.total}<BR> 

<BR><B>Show My:</B> 
<BR><a href="?L=users.fav">Favorite Blogs</a>
<BR>{artists.total} <a href="?L=artists.browse&usr={me.id}">Music Posts</a>
<BR>{video.total} <a href="?L=video.browse&usr={me.id}">Video Posts</a>
<BR>{gallery.total} <a href="?L=gallery.browse&usr={me.id}">Gallery Posts</a>
<BR>{ezine.total} <a href="?L=ezine.browse&usr={me.id}">Article Posts</a>
<BR>{classifieds.total} <a href="?L=classifieds.browse&usr={me.id}">Classified Post</a><BR>
</TD>
</TR>
<TR><TD valign=top width=290><br>
  <ZONE nudges block>
<TABLE width="290" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>New Nudges
</TR>
<TR>
<TD>
	  <table width="100%" border="0" cellspacing="3" cellpadding="0">
            <tr>
              <td valign="top">[You've got nudges! {7940}]</td>
              <td align="right" valign="top"><a href="?L=users.desktop&clearnudges=1">[Clear All {7945}]</a></td>
            </tr>
            <tr>
              <td colspan="2" valign="top">
                <LOOP nudge>
			  <div style="clear:both;">
			    <img src="system/cache/images/nudges/{nudge.icon}" alt="" hspace="2" vspace="2" border="0" align="absmiddle" />
                    <a href="?L=users.profile&id={nudge.user}">{nudge.body}</a>
			    <br />
			  </div>
			</LOOP nudge>
		  </td>
            </tr>
          </table>

    </TD>
      </TR></TBODY></TABLE>
      </ZONE nudges block>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TD>
</TR>
</TBODY>
</TABLE>


<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD>
<TR>
<TD width=600>
<TABLE width="600" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>Newest Blogs 
</TR>
<TR>
<TD>
<ZONE blogsToday enabled>
	  <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>
		    <LOOP blogsTodayLoop>
		      <div style="clear:both; padding-bottom:4px; padding-top:3px; border-bottom: solid 1px #E5E9EC; height:28px;">
			    <a href="?L=users.profile&id={blog.userid}">
			      <img src="system/image.php?file={blog.mainpicture}&width=30" name="picture" hspace="2" border="0" align="left" id="picture" /></a>
				  <a href="?L=blogs.blog&article={blog.id}">{blog.title}</a>
				  <h5>[blog article by <a href="?L=users.profile&id={blog.userid}">{blog.username}</a> posted at {blog.time} (~{blog.words} words) {7965}]</h5>
		      </div>
                </LOOP blogsTodayLoop>
		  </td>
            </tr>
          </table>
	  <br />
          </ZONE blogsToday enabled>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=600>
<TABLE width="600" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>My Friends
</TR>
      <tr>
        <td bgcolor="#DCE6FF"> </td>
        <td bgcolor="#DCE6FF">
	  <div class="tabber"> 
        <ZONE contactsTabsZone contactsTabEnabled>
		<LOOP contactsTabs>
              <div class="tabbertab">
                <h2>{tabName} ({userCount})</h2>
                <p>{tabContent}</p>
              </div>
            </LOOP contactsTabs>
        <p style="clear:both;"> </p>
		</ZONE contactsTabsZone contactsTabEnabled>

		<ZONE contactsTabsZone contactsTabNoGroup>
		  [sorry you have no groups and/or contacts {7905}]
		</ZONE contactsTabsZone contactsTabNoGroup>

            <OBJ noContact><strong>[This group contains no contact {7910}]</strong></OBJ noContact>

		<OBJ userBlock>
		  <div style="float:left; clear:none; padding-bottom: 10px;">
                <a href="?L=users.profile&id={id}">
                  <img src="system/image.php?file={mainpicture}" alt="[Picture {150}]" hspace="2" border="0" id="picture" /></a>
                <br />
              <p><a href="?L=users.profile&id={id}">{username}</a></p></div>
            </OBJ userBlock>

		<OBJ onlineUserBlock>
		  <div style="float:left; clear:none; padding-bottom: 10px;">
                <a href="?L=users.profile&id={id}">
                  <img src="system/image.php?file={mainpicture}" alt="[Picture {150}]" hspace="2" border="0" id="picture" /></a>
                <br />
                <p><img src="theme/default/images/icons/status/online_mini.gif" width="10" height="10" align="baseline" /> 
		  <a href="?L=users.profile&id={id}"><strong>{username}</strong></a></p></div>
            </OBJ onlineUserBlock>
          </div>		  </td>
        <td width="20" bgcolor="#DCE6FF"> </td>
      </tr>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD width=600>
<TABLE width="600" cellSpacing=0 cellPadding=0 border=1 rules=none frame=box>
<TBODY>
<TR id=headtitle>My Horoscope 
</TR>
<TR>
<TD>{today.horoscope}</TD><td><img src="theme/default/images/icons/zodiac/{me.astrologic_sign}.gif" alt="Spacer" /></td>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>

everlifefree · January 20, 2008

still need help... Anyone??

themistral · January 21, 2008

Hi - I've look at your site and am unsure what you mean.

What is 'shifting'?

And does the same thing happen in both IE and Firefox?

everlifefree · January 21, 2008

The two colums shift and it does in IE i am unsure about firefox.

themistral · January 22, 2008

Do you mean that the index page is wider than the rest of the site - and the 2 columns are the black ones either side of your content?

Other than this I can't see what the problem might be...

Sign In

[SOLVED] Page Line Up

Recommended Posts

everlifefree

Link to comment

Share on other sites

everlifefree

Link to comment

Share on other sites

themistral

Link to comment

Share on other sites

everlifefree

Link to comment

Share on other sites

themistral

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information