Log In · Register

 
bottom links
jonp5065
post Sep 2 2006, 07:46 PM
Post #1


Member
**

Group: Member
Posts: 26
Joined: Aug 2006
Member No: 458,375



has anybody figured out how to move the bottom links and copyright? i have seen div layouts with the bottom links and copyright moved, but i can never figure out how to do it.


edit: opps with the double post pinch.gif sorry
 
 
Start new topic
Replies
jonp5065
post Sep 2 2006, 09:25 PM
Post #2


Member
**

Group: Member
Posts: 26
Joined: Aug 2006
Member No: 458,375



alright... any idea why i have a horizonal scrollbar?

CODE
<style type="text/css">
        
.add_r{
height: 24px;
  width:104px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/add.jpg) top left no-repeat;
  display: block;
  }
.add_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/add.jpg) bottom left no-repeat;
  }

.comment_r{
height: 24px;
  width:94px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/comment.jpg) top left no-repeat;
  display: block;
  }
.comment_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/comment.jpg) bottom left no-repeat;
  }

.message_r{
height: 24px;
  width:112px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/message.jpg) top left no-repeat;
  display: block;
  }
.message_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/message.jpg) bottom left no-repeat;
  }

.pics_r{
height: 24px;
  width:102px;
  overflow: hidden;
  background: url(http://i65.photobucket.com/albums/h236/jp5065/pics.jpg) top left no-repeat;
  display: block;
  }
.pics_r:hover{
  background: url(http://i65.photobucket.com/albums/h236/jp5065/pics.jpg) bottom left no-repeat;
  }


.main {
                position: absolute;
                left: 50%;
                top: 0px;
                width: 800px;
                z-index: 1;
                margin-left: -400px;
                }



body {
background-color: 191716;}










.comt td, .comt table{width:0px!important; height:0px!important; background-color:191716!important; border:0px!important; position:relative; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a {visibility:visible;} .comt td td td b {position:static; display:inline;} .comt td b, .blacktext10 {display:block;} .comt .orangetext15, .comt td td td table, .redlink, .comt .btext, .frnd{display:none;} .comt, .comt table {z-index:1;} .comt table {margin-top:-17px; _margin-top:-11px;} .comt b {position:relative; top:-17px;}


JB{The Main comment div}
.comt {width:750px; height:400px; overflow:visible; background-color:191716; background-image:url(url_to_pic.gif); border:0px solid; border-color:black;
position:absolute; top:815px; left:50%; margin-left:-375px;}
JB{comment timestamp width}
.blacktext10 {width:600;}
JB{moves comment timestamp down}
.blacktext10 {position:relative; top:15px;}
JB{hides: friend name links}
.comt td td td a{visibility:hidden!important;font-size:0px!important;}





</style>

<div class="main">
        <table style="width: 800px;
        height: 620px;
        cellpadding: 0px;
        cellspacing: 0px;
        background-color: 191716;">

<tr><td valign="top">







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

<div class="top0" style=" position: absolute; left: 50%;
                top: 0px;
height: 150;
                width: 743px;
background-color: 000000;
                z-index: 1;
                margin-left: -372px; overflow: visible;">

</div>

<div class="buttons" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: -53px; overflow: visible;">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=104753168" class="add_r"></a>


</div>

<div class="buttons2" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: 48px; overflow: visible;">
<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=104753168&name=jon&MyToken=a2f4242f-001d-4e33-b4b3-0fe32f01c095" class="comment_r"></a>


</div>

</div>
<div class="buttons3" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: 140px; overflow: visible;">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=104753168" class="pics_r"></a>


</div>


<div class="buttons4" style=" position: absolute; left: 50%;
                top: 169px;
height: 24;
                width: 500px;
background-color: transparent;
                z-index: 3;
                margin-left: 240px; overflow: visible;">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=104753168" class="message_r"></a>


</div>


<div class="top1" style=" position: absolute; left: 50%;
                top: 150px;
                width: 750px;
background-color: 191716;
                z-index: 2;
                margin-left: -372px; overflow: visible;">
<img src="http://i65.photobucket.com/albums/h236/jp5065/top1.jpg" border="0"  

</div>
 

Posts in this topic


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