Log In · Register

 
 
Closed TopicStart new topic
i need help positioning one of my links
Melie
post Jan 12 2008, 10:12 AM
Post #1


Melieized
******

Group: Official Designer
Posts: 1,372
Joined: Nov 2006
Member No: 478,715



my blog link doesn't seem to want to go where i want it to. i want it positioned at the end of the row of links at the top of the div. under my "mel" div, i put everything where it should be and yet it won't go into position. i dont know if it's my coding or something but it doesn't seem to be. could someone help me and let me know what it is that i'm missing?

here is the profile:
My Website

here is the code:
CODE
<style>

body {
margin-top:575px;
}

</style>


<about>
<style type="text/css">
.n{ HIDE STUFF }
.userProfiledetail, .userProfileURL, .userProfileSchool,
.interestsAndDetails, .friendsComments,.extendedNetwork,
.latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { visibility:hidden;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px !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 type="text/css">

td, .text, div  {
color:000000!important;
font-family:century gothic;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing:0px}



{linked images}
a img {border-width:0px; border-color:"ffffff";}

b {font-family:times; letter-spacing:-2px; color: 027910; font-size: 16pt;}

u {font-family:times new roman; letter-spacing:0px; color: 027910; font-size: 16pt;}

i {font-family:arial narrow; letter-spacing:-2px; color: 027910; font-size: 16pt;}

s {font-family:times; letter-spacing:-2px; color: 027910; font-size: 16pt;}


body {
background-color:000000;
background-image:url("http://i203.photobucket.com/albums/aa195/limmjohnson/zodiacpattern.png");
background-repeat: repeat-repeat;
background-attachment: fixed;
background-position: center;
scrollbar-face-color:000000;
scrollbar-3dlight-color:ff0000;
scrollbar-shadow-color:027910;
scrollbar-darkshadow-color:027910;
scrollbar-arrow-color:ff0000;
scrollbar-track-color:000000;
}


.template {
background-color:transparent;
background-image:none;
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top;
position: absolute;
left: 200px;
margin-left: 0%;
top: 0px;
height: 1180px;
width:850px;
border:none;
overflow: auto;
z-index: 1;
}


h1 {
background-color:transparent;
background-image:none;
font-family:times;
text-align: center;
letter-spacing:4pt;
font-size: 24px;
color: ff0000;
border:none;
width:auto;
margin-top: -0px;
margin-left: -0px;
height: 30px;
overflow:auto;
display:block;
z-index:2}

h2 {
background-color:transparent;
background-image:none;
font-family:times new roman;
text-align: center;
letter-spacing:4pt;
text-transform:uppercase;
font-size: 18px;
color: ff0000;
border:none;
width:auto;
margin-top: -0px;
margin-left: -0px;
height: 25px;
overflow:auto;
display:block;
z-index:2}

.home{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/home-6.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.home:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/home-6.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.homenav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:200px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}

.add{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/add-5.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.add:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/add-5.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.addnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:300px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}

.block{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/block-6.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.block:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/block-6.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.blocknav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:400px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}

.cmt{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/comments-2.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.cmt:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/comments-2.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.cmtnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:500px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}

.frds{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/friends-2.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.frds:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/friends-2.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.frdsnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:600px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}

.pics{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/pictures-2.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.pics:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/pictures-2.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.picsnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:700px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}

.email{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/message-3.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.email:hover{
height:42px;
width:100px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/message-3.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.emailnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
overflow-y:auto;
position:absolute;
left:0%;
top:0%;
margin-left:800px;
margin-top:224px;
text-align:left;
visibility:visible;
z-index:6;}


.mel{
height:42px;
width:100px;
background-color:transparent;
background: url("http://i203.photobucket.com/albums/aa195/limmjohnson/blog.png");
background-position:top left;
background-repeat: no-repeat;
display: block;}

.mel:hover{
height:42px;
width:100px;
background-color:transparent;
background: url("http://i203.photobucket.com/albums/aa195/limmjohnson/blog.png");
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.melnav {
background-color:transparent;
background-image:none;
border:none;
width:100px;
height: 42px;
position:absolute;
left:900px;
top:224px;
margin-left:0%;
margin-top:0%;
z-index:6;}

.credit{
height:25px;
width:200px;
background-color:transparent;
background: url(http://i203.photobucket.com/albums/aa195/limmjohnson/limmjohnsonneon-2.png);
background-position:top left;
background-repeat: no-repeat;
display: block;}

.credit:hover{
background-position: bottom left;}

.creditnav {
background-color: transparent;
border:0px solid;
border-color:black;
width:200px;
height:25px;
overflow:auto;
position:absolute;
z-index:2;
left:1000px;
top:0%;
margin-left:0%;
margin-top:0px;
text-align:justify;
visibility:visible
}

.commentbox{
background-color:transparent;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position:top center;
position: absolute;
left: 224px;
margin-left: 0px;
top: 1000px;
height: 110px;
width: 263px;
overflow: auto;
z-index: 5;
display:block;
}


.box1{
background-color:transparent;
background-image:none;
background-repeat:repeat;
position: absolute;
left: 281px;
margin-left: 0px;
top: 364px;
height: 150px;
width: 150px;
overflow: auto;
z-index: 5;
}


.aboutme{
background-color:transparent;
background-image: none;
position: absolute;
left: 620px;
margin-left: 0px;
top: 346px;
height: 320px;
width:340px;
overflow: auto;
z-index: 5;
}

.box2{
background-color:transparent;
background-image: none;
position: absolute;
left: 224px;
margin-left: 0px;
top: 649px;
height: 314px;
width: 263px;
overflow: auto;
z-index: 5;
}

.box3{
background-color:transparent;
background-image: none;
position: absolute;
left: 620px;
margin-left: 0px;
top: 750px;
height: 320px;
width:340px;
overflow: auto;
z-index: 5;
}


</style>


</about>
<meet>
<div class="box3">
<h2>extra</h2>
this is an extra box that you can put anything that you like in it.
</div>

<div class="commentbox">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXX" type="hidden"><center> <textarea name="f_comments" class="color">leave a comment</textarea><br /> <input type="submit" value="enter" class="button" ></form></center>

<style type="text/css">
textarea.color {width:263px; height:90x;font-size:8pt;letter-spacing: 0px; font-family:georgia; background-color:ffffff;font-weight:normal;border-color:b39260; border-style:solid; border-width:1px; letter-spacing:-1px; color: 000000;background-image:none; background-position:top left; background-repeat:no-repeat;}
input.button {width: 100px;height:20px;color:ffffff;font-size:8pt;letter-spacing: 0px;font-family:georgia;background-color:transparent;background-image:url("http://i203.photobucket.com/albums/aa195/limmjohnson/littlebox.jpg");background-repeat:repeat;background-position:top left; border-color:b39260; border-style:solid; border-width:1px; text-transform:none;text-align:center;font-weight:normal;line-height:7px; letter-spacing:0px; text-transform:nonecase;}
</style>
</div>





<div class="homenav">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15dG9rZW49" class="home"></a>
</div>
<div class="addnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="add"></a>
</div>
<div class="picsnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="pics"></a>
</div>
<div class="cmtnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD1YWFhYWFg=" class="cmt"></a>
</div>
<div class="frdsnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="frds"></a>
</div>
<div class="emailnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhY" class="email"></a>
</div>
<div class="blocknav">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWJsb2NrLmJsb2NrVXNl
iZ1c2VySUQ9WFhYWFhY" class="block"></a>
</div>
</div class="melnav">
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WFhYWFhY" class="mel"></a>
</div>




<div class="template">

<img src="http://i203.photobucket.com/albums/aa195/limmjohnson/zodiaccopy.png"></a><br></center>
</div>


<div class="box1">

<img src="http://i203.photobucket.com/albums/aa195/limmjohnson/zodiacsign.jpg">
</div>


<div class="aboutme">
<h2>about me</h2>
<img src="http://cbimg6.com/layouts/07/12/20/23898as.png" hspace="3" vspace="3" align="left">
<u><b>Name:</b></u> Melie <br><u><b>Age:</u></b> 100<br><u><b>Gender:</u></b> Female<br><u><b>Location:</u></b> the land of Oz <br><u><b>Status:</u></b> happily engaged! <br>
<b>bold</b> <u>underline</u> <s>strikethrough</s> <i>italic</i>
I hope you enjoy this layout. Replace all XXXXXX with your friendid. Don't forget to replace the XXXXXX's before you save. the link will change and you'll have to do it again. You can place an image in the about me section. Just replace the icon link with yours. Please leave the layout credit. THANKS!
</div>

<div class="box2">

<h2>detail information</h2>
<b>status:</b>           engaged<br>
<b>here for:</b>         friends<br>
<b>body type:</b>        my own<br>
<b>orientation:</b>      straight<br>
<b>location:</b>         the land of oz<br>
<b>ethinicity:</b>       hispanic<br>
<b>zodiac:</b>           aries<br>
<b>education:</b>        some college<br>  
<b>occupation:</b>       stay at home mom<br>
<b>children:</b>         3<br>

</div>

<div class="xmaslights">

</div>


<div class="creditnav"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2xpbW1qb2huc29u"class="credit"></a>


</div>



<style>td td object {position:absolute; left:0px;
top:0px; display:block; width:0px;
height:0px;}</style>

</meet>
 
S-Majere
post Jan 12 2008, 10:56 AM
Post #2


Addict
*******

Group: Staff Alumni
Posts: 3,918
Joined: Jun 2007
Member No: 538,522



Cripes, that's a long code. Can you tell me which DIV class is assigned to your last link?
 
Melie
post Jan 12 2008, 11:25 AM
Post #3


Melieized
******

Group: Official Designer
Posts: 1,372
Joined: Nov 2006
Member No: 478,715



melnav is the div class
 
Melie
post Jan 12 2008, 11:57 AM
Post #4


Melieized
******

Group: Official Designer
Posts: 1,372
Joined: Nov 2006
Member No: 478,715



OMG I FIGURED IT OUT!!! THANKS ANYWAY!!!!
 
S-Majere
post Jan 12 2008, 02:54 PM
Post #5


Addict
*******

Group: Staff Alumni
Posts: 3,918
Joined: Jun 2007
Member No: 538,522



Lawlz, OK.

Topic Closed.
 

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