Log In · Register

 
Centering Enite Div Profile
Yikara
post Jan 13 2008, 05:45 PM
Post #1


Newbie
*

Group: Member
Posts: 6
Joined: Jan 2008
Member No: 610,578



Hey guys. Ok, now before I get anyone giving me links to different sites giving codes to center my profile, ive tried them. They seem to not work with myspace pages like mine, which you can view at www.myspace.com/fuzzykit . Now, as the topic title states, I want everything to be in the middle of the page for any resolution.. looks like the guy who made it just made it work for him. My content and such is aligned properly it just needs to be.. scooted over to the middle, if you know what i mean. Like on my monitor , 1680x1050 resolution, its to the left. I'll post the code from the layout i downloaded.. with a few of the things i added on below :b ..


CODE
<span style="position: absolute; left: 108; top: 0"><img src="http://img215.imageshack.us/img215/3586/19003aacopyjv4.png"></span>

<style type="text/css">
.header {
display: block;
visibility: visible;
font-family: "century gothic"
color:cccccc;
text-align:left;
font-size: 10px;
letter-spacing:-1px;
text-transform: normal;
line-height:17px;
font-weight: normal;
padding-top:5px;
width:330px;
border-bottom: 1px dashed;
border-bottom-color:363636;
}
</style>

<STYLE TYPE="text/css">
p {
align=justify
}

BODY{
cursor: url(http://www.freewebs.com/killinginthename-/tinyarrow.cur);
}
</STYLE>


<div style="position:absolute;left:358px;top:540px;width:500px;overflow:auto;">

<img src="http://img86.imageshack.us/img86/5182/eettttcf3.png" align="left" alt="displayPicture">

<span style="">
Name: Fuzzykit<br />
Species: Fox<br />
Interests: Furries, Gaming, Music, Design<br />
Relationship: Happily engaged to a very loving wolf<br />
Likes: Ham, Fun, Sexytime, FOXES!, Furs, Tails, Snuggles, Plushies, MMORPG's, Sci-fi,Fantasy, Movies, Sunsets, Oceans, Exploring, Being engaged, Contemporary anything<br />
Dislikes: Being touched, Onions, School, Progmramming, My boss, Heather, Slow computers, The distance between me and my wolf, Drugs, Alcohol, Cigarettes
</span>
<br /><br />

<img src="http://img84.imageshack.us/img84/4141/journalxj6.png" align="left" alt="journal">

<img src="http://img230.imageshack.us/img230/1029/dashsj6.png" align="center" alt="breaker">

<p>Sunday, January 13th, 2008</p>

<p> Please bare with me while I try to get this thing to center for all monitor resolutions..
<br /> Thanks, Fuzzy.</p>

</div>

<div style="position:absolute;left:123px;top:770px;width:200px;overflow:auto;">

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="314994341" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: 151515;"
style="overflow:auto;">Comment me :)</textarea>
<br> <input value="Submit" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text- transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> </form>

</div>

<div style="position:absolute;left:123px;top:580px;width:200px;overflow:auto;">

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">Home</A></li><br>

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTMxNDk5NDM0MSZNeVRva2VuPWEyNjE1
TVlLWRiMDQtNGI4OS05NmU2LTk5NTAzMTI3MjcxMA==">Friends</A></li><br >

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MzE0OTk0MzQx">Message</A></li><br>

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0zMTQ5OTQzNDE=">Add</A></li><br>

<li><A HREF="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0zMTQ5OTQzNDE=">Pics</A></li>

</div>

<style type="text/css">

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>


<style type="text/css">

.layout {
Background Properties
}

table, tr, td {
background-color:151515; border:none; border-width:0;
}

body {
background-color:ffffff;
}

.mygen {
Text Properties
}

table, tr, td, li, p, div {
font-family:kartika;
color:000000;
font-size:10pt;
font-weight:normal;
padding-bottom:-2px;
}

a:active, a:visited, a:link {
font-family:Small Fonts!important;
font-size:9px!important;
text-transform:none!important;
font-weight:normal!important;
color:000000;
text-decoration:none!important;
text-align:left;
width:156px;
background-color:ffffff;
}

a:hover {
font-family:Small Fonts!important;
font-size:9px!important;
text-transform:none!important;
font-weight:normal!important;
color:000000;
text-decoration:none!important;
text-align:left;
width:156px;
background-color:ffffff;
border-bottom:1px dashed black;
}
</style>

<style type="text/css">
A:hover {text-decoration: none;}
</style>

<style type=text/css>
table tr td div font {display: none;}
</style>

<style>
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

<style type=text/css>
table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
</style>

<style type="text/css">
body {
background-image: url("http://cbimg6.com/layouts/07/07/02/19003ac.png");
background-attachment:fixed;
background-position:center;
background-color:151515;
background-repeat:repeat-y;
}
</style>

<style type="text/css">
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
body div table td form img{display:none!important;}
</style>

<style>
li{list-style-image:url(http://www.burningviolet.com/cross2.gif);}
</style>




and heres a screenshot of the layout on my monitor.. you can see where it should be as there is a large white space and the myspace links (the white boxes )




Feel free to take the code and change it to have it center..
 
 
Start new topic
Replies
Yikara
post Jan 14 2008, 10:08 PM
Post #2


Newbie
*

Group: Member
Posts: 6
Joined: Jan 2008
Member No: 610,578



I guess ill give that a whirl if the guy ever responds.. He hasn't been active since July.. If he doesn't respond, and if you want.. ill post the changes and such I've made to it.. and you can mess with it.
 

Posts in this topic


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