Log In · Register

 
Help with layout !
stallons
post Apr 29 2006, 02:35 AM
Post #1


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
Please help me with my layout I am making, and I can't figure out what is wroung.

As you can see here the two things go to geather my postes and my nav. I have tried every thing and I can't get it to work.
Please Help.

Oh and here is the code if it is any help:

CODE
<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="
overflow: auto;
width: 575px;
height: 420px;
margin-top: -450px;
margin-left: 170px;">

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Verdana; color: #FFFFFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#313E4A; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#38535E; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="position:static; margin-left: 20px;margin-top: 450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<tr>
<td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=stallons" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>

</table>
</div>
<div align="center" class="blogspace">
 
 
 Start new topic
Replies (1 - 17)
*digital.fragrance*
post Apr 29 2006, 08:15 AM
Post #2





Guest
It's that first div layer - there aren't any ending tags (</div>)
 
stallons
post Apr 29 2006, 10:57 AM
Post #3


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
QUOTE(digital.fragrance @ Apr 29 2006, 8:15 AM) *
It's that first div layer - there aren't any ending tags (</div>)


Could you place it in there for me I can't seem to get it in the right palce?
 
talcumpowder
post Apr 29 2006, 11:48 AM
Post #4


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
If you're wondering what I did, I got rid of a couple useless lines of code, moved your navigation and blog divs... Oh, and you position the navigation first. Always. Then you can position the blog div where you want it to be. But since the navigation needs to come first, you need to position it first. Remember that.
CODE
<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="position:static; margin-left: 20px;margin-top: 450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<tr>
<td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=stallons" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>

</table>
</div>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Verdana; color: #FFFFFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#313E4A; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#38535E; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">
 
stallons
post Apr 29 2006, 01:06 PM
Post #5


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
Thanks for the help, but I inputed that code and it is still messed up.
Man I fell so dumb.

Site
 
*digital.fragrance*
post Apr 29 2006, 01:12 PM
Post #6





Guest
It is working - but you have to play with the "margin-left" and "margin-top" numbers to position them correctly. Once you do that, it should look fine. Bad thing is, it requires trial and error to finally get them right. Just be patient ;)
 
stallons
post Apr 29 2006, 01:21 PM
Post #7


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
I'm sorry for all the questions but I got it were it need to be but I can't seem to move it the nav over any the only time the nave will move is if I move the blog.

Sorry once again,
stallons
 
*digital.fragrance*
post Apr 29 2006, 01:43 PM
Post #8





Guest
Try that - I made the nagivation margin-top number smaller and edited the other margin-top number for the blog. It won't be perfect, but it should get you moving in the right direction.


CODE
<img src="http://i20.photobucket.com/albums/b208/stallons/new123456.jpg">

<div style="position:static; margin-left: 20px;margin-top: 0px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

<table border="0" width=100>
<tr>
<td colspan=2>
<b class=nav>About Me</b>
<tr>
<td colspan=2><br>
<b>Name:</b>: ----<br>
<b>Age:</b>: 15<br>
<b>Birthday:</b>: Jan 10<br>
<b>Hobbies:</b>: Girls, Videogames, Computers, Chating on Aim/MSN, Free Running, Swimming, Running, BMX, Driving, Working, Girls, Watching Movies, Hanging With Friends,Listing to Music, Hunting, and spending time with my family.<br>
<b>Expertise</b>:Photoshop, 3ds Max, Computers, Video Games, Python, and Terragen.<br>


<tr>
<td colspan=2><br>
<b class="nav">Navigation</b><br>
<a href="http://www.xanga.com/">Xanga</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Sign Out</a><br>
<a href="http://www.xanga.com/private">Home</a><br>
<a href="http://www.xanga.com/claf">CLAF</a><br>
<a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=stallons">Guestbook</a><br>
<a href="http://www.xanga.com/profile.aspx?user=stallons">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br>
<a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=stallons" target="blank">Add Me</a><br>
<tr>
<td colspan=2>
<b class="nav">Subscriptions</b>
<tr>
<td>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
</tr>
<td colspan=2>
<b class=nav>Links</b>
<tr>
<td colspan=2><br>
<a href="http://www.Kinkymedia.net">Kinkymedia.net</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>
<a href="http://www.xanga.com">link</a><br>

</table>
</div>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

<style type="text/css">
/*Beamstract*/
/*by Nick Stallons*/
body {
background-image:url;
scrollbar-base-color: #696969;
scrollbar-face-color: #838b83;
scrollbar-track-color: #2f4f4f;
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #9c9c9c;
scrollbar-shadow-color: #838b83;
scrollbar-darkshadow-color: #000000;}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:555px;
font-family: Verdana;
font-weight: none;
font-size: 12pt;
color: #FFFFFF;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Verdana;
font-size: 16pt;
text-align: center;
color: #FFFFFF;
background-color: #0e1621;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Verdana; color: #FFFFFF; font-size: 8pt; }
A:link, A:visited, A:active
{color:#313E4A; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#38535E; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: Verdana;
font-size: 8pt;
color: #FFFFFF;
font-weight: bold;
text-transform: lowercaps;
</style>

<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">
 
stallons
post Apr 29 2006, 01:54 PM
Post #9


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
OK I moved the blog into the right spot but the nav seems to still move only with the blog.

Thanks for sticking with me on this its greatly appreciated.
 
talcumpowder
post Apr 29 2006, 01:57 PM
Post #10


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
Question: You are only editing the margin of the blog, correct? This section:
CODE
<div style="overflow: auto; width: 575px; height: 420px; margin-top: -450px; margin-left: 170px;">
Because if you're editing the other section, it would move both... But if you're just editing that particular section, it should only move the blog.
 
stallons
post Apr 29 2006, 02:07 PM
Post #11


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
CODE
<div style="position:static; margin-left: -100px;margin-top: -450px;border: 0px solid #FFFFFF CODE; width: -150px; height: 420px;background: none; overflow: auto">

I was editing that to move the nav but it still will not move no matter what I do and I already have the blog were it needs to be.
 
talcumpowder
post Apr 29 2006, 02:24 PM
Post #12


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
Um... Did you not read my post? It was a bit rambly, but still!
QUOTE
Oh, and you position the navigation first. Always. Then you can position the blog div where you want it to be. But since the navigation needs to come first, you need to position it first. Remember that.
 
stallons
post Apr 29 2006, 02:40 PM
Post #13


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
OMG Thank you so much, I fell so dumb thanks again to the both of you. I just have on small question how do I get the scroll bar moved over next to my words?

You guys have made me want to make many more of these layouts I love it, it is so fun.
 
*digital.fragrance*
post Apr 29 2006, 02:42 PM
Post #14





Guest
CODE
<div style="overflow: auto; width: 555px; height: 420px; margin-top: -450px; margin-left: 170px;">


In your last div layer ^ make your width smaller (I went ahead and did it)
 
stallons
post Apr 29 2006, 02:56 PM
Post #15


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
Sorry I mean the scroll bar for the nav.

Man you guys are life savers.
 
*digital.fragrance*
post Apr 29 2006, 02:58 PM
Post #16





Guest
In you navigation div layer, try this:
CODE
<div style="position:static; margin-left: 20px;margin-top: 0px;border: 0px solid #FFFFFF CODE; width: 200px; height: 420px;background: none; overflow: auto">


you might have to edit the width a little more - I just estimated.
 
stallons
post Apr 29 2006, 03:36 PM
Post #17


Member
**

Group: Member
Posts: 11
Joined: Apr 2006
Member No: 398,924
It's done you guys are the bomb man thanks so much.
 
talcumpowder
post Apr 29 2006, 03:50 PM
Post #18


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
This is what we do. Same way [ro baskball players are good at what they do. Please PM any of the design-type staff to get this reopened if you need to.
-> Topic Closed.
 
« Next Oldest · Xanga Resolved Topics · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic