Log In · Register

 
Help With Moving The DIV Layout Up, Worth Giving Anarchy A Shout-Out
pigmyl0vecircus
post Nov 12 2008, 02:21 PM
Post #1


Newbie
*

Group: Member
Posts: 2
Joined: Nov 2008
Member No: 696,947



My layout has quite a large gap at the top, not sure if this is even fixable. But figured it was worth giving Anarchy a shout-out.


www.myspace.com/fromgentoexo



ABOUT ME:


CODE
<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<a href="http://www.msplinks.com/MDFodHRwOi8vYWxlY3JlYXRpb25zLm5ldA==" style="position:absolute; top:60px; left:2px; height:120px; width:120px; z-index:9;" class="navb"><img src="http://i33.tinypic.com/346nryw.png" border="0" /></a>



<style>
body div table td form{display:none;}
table, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-color:color here;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
table.navigationBar {display:none !important}


body{
background-color:000000;
background-image:url("http://cbimg6.com/layouts/08/03/24/26428aa.png");
background-position:left;
background-repeat:repeat;
scrollbar-arrow-color:ffffff;
scrollbar-face-color:000000;
scrollbar-3dlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-shadow-color:0000000;
scrollbar-highlight-color:0000000;
scrollbar-track-color:000000;}


.standard b, p b, B, strong {
font-family:century gothic; font-size:11px; color:6699CC; font-weight:bold; border:0px; letter-spacing: 2px;

text-transform:none; letter-spacing: 1px;}

u, s, .stext, .sbtext, .swtext {
font-family: century gothic;
font-size: 10px;
color: 66CCFF;
text-align: justify;}
i, em, .itext {
font-family: century gothic;
font-size: 10px;
color: ffffff;
text-align: justify;}





.title {
color:ffffff;
font: 14pt University Roman LET;
font-weight: normal;
padding: 1px;
letter-spacing: 2px;
border-bottom:2px solid ffffff;
border-width: 1px;
background-color:transparent ;
background-image: url('');
background-repeat:repeat;
text-align:Left;
text-transform:uppercase;}




.links a:link, a:active, a:visited
{background-color:transparent;
width:165px;
font-family:century gothic;
border-bottom:2px solid ffffff;
border-width: 1px;
font-size:12px;
text-transform: uppercase;
color:white;
text-decoration:none;
text-align:center;
height:10px;}
.links a:hover
{background-color:0066FF;
width:165px;
font-family:century gothic;
font-size:12px;
text-transform: uppercase;
border-bottom:2px solid ffffff;
background-image:url("");
background-position:left;
border-width: 1px;
color:ffffff;
height:10px;
text-align:center;
text-decoration:none;}

A:link,
A:visited,
A:active{
font-family:verdana;
font-size:10px;
color:ffffff;}

A:hover{
color:003366;
text-decoration:underline;}

.backg{
position:absolute;
left:50%;
top:125px;
margin-left:-355px;
width:700px;
height:1122px;
overflow:none;
z-index:1;
visibility:visible!important;}

.info{
position:absolute;
left:50%;
top:570px;
margin-left:-108px;
width:480px;
height:370px;
overflow:auto;
z-index:1;
visibility:visible!important;
font-family:century gothic;
color:white;
font-size:11px;}

.links{
position:absolute;
left:50%;
top:267px;
margin-left:-320px;
width:167px;
height:480px;
overflow:auto;
z-index:1;
visibility:visible!important;
color:white;}

.pictures{
position:absolute;
left:50%;
top:587px;
margin-left:-320px;
width:167px;
height:480px;
overflow:auto;
z-index:1;
visibility:visible!important;
color:white;}

.comment{
background:transparent;
position:absolute;
top:0px;
left:50%;
margin-left:-334px;
width:0px;
height:0px;
overflow:auto;
z-index:1;
visibility:hidden!important;}

.comment, .comment td, .comment table, .comment td a img, .comment td td td a, .comment td b a, .comment td .redlink{visibility:visible;} .comment td td td table, .comment .orangetext15, .redlink, .comment .btext, .rid, .frnd{display:none;} .comment td b, .blacktext10 {display:block;} .comment {z-index:7;}
.comment table, .comment b {position:relative; top:-30px; _top:-30px;}

.comment td td td div{display:none;}
.comment td td td td div{display:none;}
.blacktext10{visibility:visible;}
.comment .btext{display:none;}
.redlink{display:none;}

.note {Style of all text}
.comment td, .comment span {font-size:10px !important; font-family:verdana!important; color:ffffff!important; font-weight:normal;}

.note {style of all links}
.comment a {color:ffffff!important; text-decoration:none !important;font-weight:bold;}
.comment a:hover {color:003366!important;}

.note {comment: timestamp}
.comment .blacktext10 {color:ffffff!important; font-size:10px; text-align:left; font-weight:bold;}

.note {adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:003366; width:500px;}

.note {"Displaying x of x comments" properties}
.comment td b {text-align:center; font-size:10px!important; font-family:verdana!important; color:003366!important;}

.note {resizes: images posted in comments}
.comment td img {width:300px; max-width:300px;
width:auto; _width:300px !important;}

.note {resizes: linked images}
.comment td a img {width:90px; max-width:90px;
width:auto; _width:90px !important; _padding:0px !important; padding:0px;}

.byebye {display:none !important;}


</style>

<style>body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}</style>

<style>

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>




WHO I'D LIKE TO MEET:



CODE
<div class="backg"><img src="http://i25.tinypic.com/289vr4o.png" />
</div>

<div class="info">

<p class="title">My Story</p>

<center><img src="http://i5.photobucket.com/albums/y195/pigmyl0vecircus/100_1428.jpg" align="left" width="100" height="100" />
<b>Name:</b> Chase<br />
<b>Location:</b> Alabama<br />
<b>Age:</b> 23<br />
<b>Occupation:</b> Transforming Consciousness<br />
<br /><br /><br /><br />


<center>
Often when i'm asked to "describe myself" or give my "life story" I draw a blank. I generally succumb to this mental block. I know who I am, I know where i'm heading. But to try and put my thoughts, my past, & my feelings, into retrospect is an act of futility. I haven't yet unlocked the mysteries of my being so I dare not allow just anyone a glimpse inside. If you'd like to get to know any of the "many faces of chase's" i'd recommend knocking first. You'd be surprised what you can receive if you'd just knock. After all I believe it was Jesus who said, "Ask, and you shall receive. Search, and you will find. Knock and the door will be opened for you." Furthermore I believe people should stop looking for peace online and start looking within themselves. </center>

<br /><br /><br /><br />

<p class="title">COLLECTIVE UNCONSCIOUS</p><br /><br />

<center> http://thedailygrail.com </center><br /><br />

<center>Dabbling into the vast regions of our conscious can be rewarding to those who dare to venture past what we've come to accept as the "norm." Lately i've been catching up on my philosophical reading and mind expansion. We create who we are, the problems we are facing. Oh damn it all to hell...</center>

<br /><br /><br /><br />

<p class="title">RANDOM THOUGHTS</p><br /><br /><br />

<center>...shining light on consciousness
</center>
<center><b>The following will probably not make sense to you:</b><br /><br />
The world is like a ride in an amusement park. And when you choose to go on it, you think it's real because that's how powerful our minds are. And the ride goes up and down and round and round. It has thrills and chills and it's very brightly coloured and it's very loud and it's fun, for a while. Some people have been on the ride for a long time and they begin to question, is this real, or is this just a ride? And other people have remembered, and they come back to us, they say, "hey - don't worry, don't be afraid, ever, because, this is just a ride..." ...It's just a ride. <br /><br />

And we can change it anytime we want. It's only a choice. No effort, no work, no job, no savings and money. A choice, right now, between fear and love. The eyes of fear want you to put bigger locks on your doors, buy guns, close yourself off. The eyes of love, instead, see all of us as one. Here's what we can do to change the world, right now, to a better ride. Take all that money that we spend on weapons and defenses each year and instead spend it feeding and clothing and educating the poor of the world, which it would many times over, not one human being excluded, and we could explore space, together, both inner and outer, forever, in peace.
</center>

<br /><br /><br /><br />

<p class="title">INSPIRATIONAL ARTIST</p><br /><br /><br />
<center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="244" width="325" data="http://www.youtube.com/v/SfPo7CwuvR0&hl=en&fs=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/SfPo7CwuvR0&hl=en&fs=1" />
<param name="wmode" value="transparent" />
</object>


<br /><br /><br /><br />

<p class="title">INSPIRATIONAL BEINGS</p>
<center><u><font size="4">JESUS</font></u><br /><br /><br />

Terrence McKenna, Albert Hoffman, Deepak Chapra, Maynard James Keenan, Timothy Leary, Alex Grey, Chet Zar, Aloke Dutta, Charles Darwin, Friedrich Nietzsche, Thom Yorke, & all the other Socrates, Platos & Aristotles of the world.</center>

<br /><br /><br /><br />


<p class="title">TURN ON, TUNE IN, DROP OUT</p><br /><br /><br />
<center><style>
.about big {font:normal 16px arial;letter-spacing:0px;text-decoration:non;color:blue;}
.about a span {font:normal 11px arial;text-decoration:none;color:red;}
.about a span {display:none;}
.about a:hover span {display:block;}
</style></center>

<center><div class="about">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRvb2xhcm15LmNvbQ=="><big>Look Out For Your Brother</big><br /><span>Turn Off Your Television</span></a><br /><br />
</div></center><br /><br /><br /><br />


<p class="title">AN ENTITY ENTITLED SPACE</p>
<br /><br /><br />
<marquee scrollamount="3" direction="left">

<img src="http://i5.photobucket.com/albums/y195/pigmyl0vecircus/o.gif" width="100" height="100" />

<img src="http://i5.photobucket.com/albums/y195/pigmyl0vecircus/Nymphaea04nouchali.jpg" width="100" height="100" />

<img src="http://i5.photobucket.com/albums/y195/pigmyl0vecircus/BrowChakra.gif" width="100" height="100" />

<img src="http://i5.photobucket.com/albums/y195/pigmyl0vecircus/91e4.jpg" width="100" height="100" />

<img src="http://i5.photobucket.com/albums/y195/pigmyl0vecircus/untitled-2.jpg" width="100" height="100" />


</marquee>
</p>

<p class="title">MUSIC</p><br /><br /><br /><br />
<center>


<div class="ppl2456260252566605" style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="270" width="435" style="width:435px; visibility:visible; height:270px;" border="0" data="http://www.musicplaylist.us/mc/mp3player.swf?tomy=http://www.musicplaylist.us/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270&uniqueid=ppl2456260252566605&file=http://www.musicplaylist.us/loadplaylist.php?playlist=52566605">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.musicplaylist.us/mc/mp3player.swf?tomy=http://www.musicplaylist.us/mc/config/config_black_shuffle.xml&mywidth=435&myheight=270&uniqueid=ppl2456260252566605&file=http://www.musicplaylist.us/loadplaylist.php?playlist=52566605" />
<param name="wmode" value="transparent" />
<param name="menu" value="false" />
<param name="quality" value="high" />
</object><br /> </div></center><br /><br /><br />


</div>


<div class="links">


<p class="title">Navigation:</p>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9NDE4NTUwNDI5">Message me</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9NDE4NTUwNDI5"> pictures</a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfY29uZmlybSZzdGF0dXNDRD0xJmZyaWVuZElEPTQxODU1MDQyOQ==">Add Me</a>


<br /><br /><br />

<form method="post" action="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudHMubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5Db25m
XJtQ29tbWVudA=="><input name="friendID" value="418550429" type="hidden" /><textarea name="f_comments" class="Skem9box">Think For Yourself, Question Authority.</textarea><br /><input type="submit" value="Comment" class="Skem9sub" /></form><br />





GENERAL:


CODE
<style>
.clearfix .clearfix div { position:relative; top:1300px; }
.clearfix .clearfix, .clearfix .clearfix div div, .clearfix .clearfix .profile,
.clearfix .clearfix .profile div, .clearfix .clearfix .profile input,
.clearfix .clearfix div ul { position:static; top:auto; }
.clearfix select, .clearfix option { display:none; }
</style>

 
 
Start new topic
Replies
Mickey
post Nov 12 2008, 02:50 PM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



I'm guessing you want to move your layout up since you moved the banner to the bottom of your page? You'd have to figure out how much pixels you want to move your layout up by, then subtract that amount from all the top attributes on these codes:

CODE
.backg{
position:absolute;
left:50%;
top:125px;
margin-left:-355px;
width:700px;
height:1122px;
overflow:none;
z-index:1;
visibility:visible!important;}

.info{
position:absolute;
left:50%;
top:570px;
margin-left:-108px;
width:480px;
height:370px;
overflow:auto;
z-index:1;
visibility:visible!important;
font-family:century gothic;
color:white;
font-size:11px;}

.links{
position:absolute;
left:50%;
top:267px;
margin-left:-320px;
width:167px;
height:480px;
overflow:auto;
z-index:1;
visibility:visible!important;
color:white;}

.pictures{
position:absolute;
left:50%;
top:587px;
margin-left:-320px;
width:167px;
height:480px;
overflow:auto;
z-index:1;
visibility:visible!important;
color:white;}

So for example, you want to move up your layout by 25 pixels, each top margin attribute will be reduced by 25 pixels. If you want to then move the ad since it's too low, take a look at your General codes and replace 1300 with a smaller number.
 

Posts in this topic


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