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
S-Majere
post Jan 14 2008, 06:47 PM
Post #2


Addict
*******

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



Aye. As I've said, you may want to get in contact with the designer (although TBH, parts of the coding are from profile generators anyway!) and put a request to have it recoded in the Requests Thread when it reopens.

If I have enough time over the next few weeks I'd be happy to oblige - though I'd first need to know the position of the original designer!
 

Posts in this topic


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