browser div problems, in safari my profile is fine but everything else is off Options

[lbroskee]

in firefox 3 of the areas shift down for some reason


TEST PAGE...ok i fixed this (i think, tell me)


real page, way off, no clue y
must b under 18 to see real due to my mom being nosy. lol


BTW both pages have the same coding

if u want to see the coding and can fix that plz let me know

[fixtatik]

i don't understand what you mean by "shifting down." is it because the text is being overlapped? if that's the case, it's because of the way safari handles line height (it's shorter than any other browser - ends up looking a little nicer in some cases). all you'd need to do is find your text properties, and add "line-height:##px;" to it. the number you'll need to fiddle around with until it looks right.

[lbroskee]

ok so now i have it so i get the same results in all browsers, but now the real problem...

Heres the test, it's perfect




but then here's the real...Horrible



here is the coding used in both...

CODE

<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}
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>

<div class="bg" style="position: absolute; left:0px; top:162px; width:1024px; height:768px; overflow: hidden;">
<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/MySpace2.png">
</div>

<div class="iWeb" style="position: absolute; left:130px; top:0%; margin-left:0px; margin-top:410px; width:140px; height:390px; overflow: auto;"><center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=29831279"><img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/MeApple.png"></a>
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=29831279"> Pics</a>
|
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=29831279&n=29831279&MyToken=3e2b1ff4-cbe2-4e01-8cae-da15615f108a"> Videos</a>
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=29831279&MyToken=db6b7085-63af-46d7-bc75-ef0eac3af508">Message me</a>
<br>
<a href="http://friends.myspace.com/modules/friends/Pages/AddFriendRequest.aspx?fuseaction=invite.addfriend_verify&friendID= 29831279">Add Me</a>
<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=29831279">My Blog</a>
<br>
<br>


<b>IM : </b>lbroskee<br>
<b> E-Mail : </b>lil_broskee@yahoo.com
</div>

<div class="iWebBottom" style="position: absolute; left:130px; top:0%; margin-left:0px; margin-top:687px; width:145px; height:150px; overflow: auto;"><center>
<div align="center"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&amp;friendID=29831279" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 135px; height: 90px; color: #000000; font-size: 14px; font-family: Verdana; text-align: left; background-image: url(''); border-color: #000000; border-width: 1px; border-style: solid;">Sup?</textarea><br /><input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="Comment" style="text-align: center; color: #000000; font-size: 11px; border-style: solid;"></form></div>
</div>

<div class="iTunes" style="position: absolute; left:294px; top:0%; margin-left:0px; margin-top:410px; width:215px; height:157px; overflow: auto;"><center>
♫♫
What can I say, I like what I like.R&B, Hip-Hop, Rap, few Techno songs, and some Rock. Music is the best thing in the world. Helps to calm me down when Im stressed and it is what keeps me totally sane in this crazy ass world we live in. You gotta love it.
♫♫
</div>

<div class="iFriends" style="position: absolute; left:513px; top:0%; margin-left:0px; margin-top:410px; width:219px; height:157px; overflow: auto;"><center>
These are 2 of the best friends some1 could ever ask for and I wouldnt trade them for anything in the world.<br>

<a href="http://www.myspace.com/boricuan4life" border=0><img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/BryanApple3.png"></a>

<a href="http://www.myspace.com/colombianita91" border=0><img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/DianaApple3.png"></a>
</div>

<div class="iStuff" style="position: absolute; left:753px; top:0%; margin-left:0px; margin-top:410px; width:145px; height:410px; overflow: auto;"><center>
<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/GCApple.png"><br>

<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/Str8Apple.png"><br><b><font size=3>STR8 RiPPiN</font size>
<br>
<font size=3>ALL THE WAY!!</font size></b>
<br>
<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/XApple.png">

</div>

<div class="iLife" style="position: absolute; left:294px;  top:440px; margin-left:0px; margin-top:162px; width:438px; height:200px; overflow: auto;"><center>
The name's Ricky. Im 17 years old. My birthday is July 7, 1990. I was born in Coral Springs. When Im home u can pretty much always find me online. If Im comfortable w/ the people Im around i become very LOUD. Im a lazy person, but am starting to work on it. After 17 years Im back in Springs and im an Alumni at MHS...C/O '08 BABY!! I love the color blue. Gotta have the music playin 24/7, it's what keeps me from exploding. My best friends are Bryan and Diana. Im finally gettin my permit and learning to drive. Life after high school is horrible and tough, so my favorite thing to do is sleep. Im a nice person and easy to get along w/ if u dont start shit w/ me and my friends...NO DRAMA BITCHES. My friends tell me i can b funny at times, but i do stupid stuff most of the time
<br><br>


<b><font size=1>Who I'd Like To Meet:</font size></b>
<br>

A girl that will b there for me and is jus right, but not perfect. Imperfection is perfection =]. Thought I found her once, but she turned out to b a friend that has taught and helped me so much, and I now know what i really want. Other than that there's nobody left worth meeting and I love them to death!
</div>





<style type=text/css>

body {
background-color: 000000;
background-image: url("");
background-position: bottom right;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-3dlight-color: 000000;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: 000000; background-color: 000000; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 11px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; line-height: 11px;}

{class for the basic font for the page}
.text {font:normal 11px Verdana; color: 000000; font-weight:none; border:0px; text-transform: none; line-height: 11px;}  

{style for the number of comments you have. The actual ..}
.redtext{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: Verdana; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}  

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:Verdana; font-size: 11px;  color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family:Verdana; font-size: 11px;  color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  

{”In your extended network” style}
.blacktext12{font-family: Verdana; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: Verdana; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}  

{date stamp on comments}  
.blacktext10{font-family:Verdana; font-size: 11px;  color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:Verdana; font-size: 11px;  color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  

{Default Links}
a:link, a.man{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  
a:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

</style>

[fixtatik]

i put the coding in my profile, and i'm still not seeing a difference. the only problem is that you only built it based on your screen size - i have (as well as many other people) a wide screen monitor, and with the positioning you're using everything is aligned to the left and the bottom links jut out to the right.

i want to say the alignment problem you're having is because of some other code, but it wouldn't be the case with divs. the only thing i can suggest is that in the "iLife" div, instead of using "top:440px;" and "margin-top:162px;" use "top:0;" and "margin-top:602px;".

[lbroskee]

ya i no it to the left lik that causes the link problem. is there a way 2 center this so it will jus adjust w/ page size? my reg layout did that

[allvanishing]

Try this, it'll center to different screen sizes.

CODE

<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}
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>



<div style="overflow: hidden; position: absolute; top: 162px; width: 1024px; height: 768px; left: 50%; margin-left: -512px;" class="bg">
<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/MySpace2.png"/>
</div>

<div style="overflow: auto; position: absolute; top: 0%; margin-top: 410px; width: 145px; height: 390px; left: 50%; margin-left: -383px;" class="iWeb"><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yOTgzMTI3OQ=="><img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/MeApple.png"/></a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yOTgzMTI3OQ=="> Pics</a>
|
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&amp;friendID=29831279&amp;n=29831279&amp;MyToken=3e2b1ff4-cbe2-4e01-8cae-da15615f108a"> Videos</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yOTgzMTI3OSZNeVRva2VuPWRiNmI3MDg1LTYzYWYtNDZkNy1iYzc1LWVmMGVhY
NhZjUwOA==">Message me</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9tb2R1bGVzL2ZyaWVuZHMvUGFnZXMvQWRkRnJpZW5k
mVxdWVzdC5hc3B4P2Z1c2VhY3Rpb249aW52aXRlLmFkZGZyaWVuZF92ZXJpZnkmZnJpZW5kSUQ9IDI5O
MxMjc5">Add Me</a>
<br/>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9Mjk4MzEyNzk=">My Blog</a>
<br/>
<br/>


<b>IM : </b>lbroskee<br/>
<b> E-Mail : </b>lil_broskee@yahoo.com
</center></div>

<div style="overflow: auto; position: absolute; top: 0%; margin-top: 687px; width: 150px; height: 160px; left: 50%; margin-left: -383px;" class="iWebBottom"><center>
<div align="center"><form method="post" action="/index.cfm?fuseaction=user.viewProfile_commentForm&amp;friendID=29831279"><input type="hidden" value="" id="__EVENTTARGET" name="__EVENTTARGET"/><input type="hidden" value="" id="__EVENTARGUMENT" name="__EVENTARGUMENT"/><input type="hidden" value="" id="__VIEWSTATE" name="__VIEWSTATE"/><textarea style="border: 1px solid rgb(0, 0, 0); width: 135px; height: 90px; color: rgb(0, 0, 0); font-size: 14px; font-family: Verdana; text-align: left; background-image: url();" name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox">Sup?</textarea><br/><input type="submit" style="border-style: solid; text-align: center; color: rgb(0, 0, 0); font-size: 11px;" value="Comment" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton"/></form></div>
</center></div>

<div style="overflow: auto; position: absolute; top: 0%; margin-top: 410px; width: 215px; height: 157px; left: 50%; margin-left: -215px;" class="iTunes"><center>
♫♫
What can I say, I like what I like.R&B, Hip-Hop, Rap, few Techno songs, and some Rock. Music is the best thing in the world. Helps to calm me down when Im stressed and it is what keeps me totally sane in this crazy ass world we live in. You gotta love it. Without it life would be totally boring and what would a party be without music...BORING.
♫♫
</center></div>

<div style="overflow: auto; position: absolute; top: 0%; margin-top: 410px; width: 218px; height: 157px; left: 50%; margin-left: 2px;" class="iFriends"><center>
These are 2 of the best friends some1 could ever ask for and I wouldnt trade them for anything in the world.<br/>

<a border="0" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2JvcmljdWFuNGxpZmU="><img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/BryanApple3.png"/></a>
<a border="0" href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2NvbG9tYmlhbml0YTkx"><img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/DianaApple3.png"/></a>
</center></div>

<div style="overflow: auto; position: absolute; top: 0%; margin-top: 410px; width: 145px; height: 410px; left: 50%; margin-left: 241px;" class="iStuff"><center>
<b>"You Turned My Life Around, You Picked Me Up When I Was Down. And I thank you for that =]"</b>
<br/><br/>
<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/GCApple.png"/>
<br/><br/>
<img src="http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/Str8Apple.png"/><br/><b><font size="3">STR8 RiPPiN</font>
<br/>
<font size="3">ALL THE WAY!!</font></b>
</center></div>

<div style="overflow: auto; position: absolute; top: 0%; margin-top: 604px; width: 438px; height: 200px; left: 50%; margin-left: -218px;" class="iLife"><center>
The name's Ricky. Im 17 years old. My birthday is July 7, 1990. I was born in Coral Springs. When Im home u can pretty much always find me online. If Im comfortable w/ the people Im around i become very LOUD. Im a lazy person, but am starting to work on it. After 17 years Im back in Springs and im an Alumni at MHS...C/O '08 BABY!! I love the color blue. Gotta have the music playin 24/7, it's what keeps me from exploding. My best friends are Bryan and Diana. Im finally gettin my permit and learning to drive. Life after high school is horrible and tough, so my favorite thing to do is sleep. Im a nice person and easy to get along w/ if u dont start shit w/ me and my friends...NO DRAMA BITCHES. My friends tell me i can b funny at times, but i do stupid stuff most of the time
<br/><br/>

<b><font size="1">Who I'd Like To Meet:</font></b>
<br/>

A girl that will b there for me and is jus right, but not perfect. Imperfection is perfection =]. Thought I found her once, but she turned out to b a friend that has taught and helped me so much, and I now know what i really want. Other than that there's nobody left worth meeting and I love them to death!
</center></div>






<style type="text/css">

body {
background-color: 000000;
background-image: url("http://i10.photobucket.com/albums/a138/Ricky08_/Myspace/Header.jpg");
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-3dlight-color: 000000;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: 000000; background-color: 000000; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 11px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; line-height: 11px;}

{class for the basic font for the page}
.text {font:normal 11px Verdana; color: 000000; font-weight:none; border:0px; text-transform: none; line-height: 11px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: Verdana; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: Verdana; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: Verdana; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Verdana; font-size: 11px; color: 0000a0; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:Verdana; font-size: 11px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; }

</style>

[lbroskee]

omg. thank you so much!! can u tell me what u did to get that effect tho? i'm writing a code for my friend now and thats the only thing i dont know

[fixtatik]

CODE

<style type="text/css">
.divname { position:absolute; top:0; left:50%; margin:150px 0 0 -400px; width:800px; }
</style>

this is kind of a condensed example. basically, what the whole thing means is that the div called "divname" is to be moved to the right 50% of the user's browser window width (from the left, hence "left:50%;"). the first number of the margin means you want the top of the div to be 150 pixels from the top of the page. the fourth number of the margin means you want the left side of the div -400 pixels from the exact center of the page (moving the left side in the left direction).

the format of it is like this: margin:TOP RIGHT BOTTOM LEFT;
it's the same idea as doing margin-top:##px; margin-right:##px;, etc., but in a shorter version.

the number of pixels you're moving to the left depends on how wide the div is that you're moving. in this example, if you want that 800-pixel-wide div to be in the exact center of the page, you'd move it to the left 400 pixels (-400px). in another situation, if you have a smaller div, say 230 pixels, and you wanted it 20 pixels to the right of the exact center, you'd simply put "20px" where the left margin number goes.

it's kind of confusing when you're first starting out, but it really just takes practice, like everything else. learn by trial and error: sometimes it's the best way.

[allvanishing]

CODE

<div style="width: 1024px; height: 768px; left: 50%; margin-left: -512px;">
blah
</div>

To center a div, you move it to the left 50%, which makes the div start in the middle of the screen. Then margin-left is used. A negative number moves it more to the left, and a positive number moves it to the right.

[lbroskee]

o ok. i get it. thnx

[manny-the-dino]

Topic Closed