How the hell do you center your MFC Profile

[Poker_Babe]

Can anyone give me some guidance on how to get my profile centered... kind of like how these lovely ladies have theirs???

http://profiles.myfreecams.com/PlayboyMegan

http://profiles.myfreecams.com/NikiSkyler

http://profiles.myfreecams.com/holliecakes

http://profiles.myfreecams.com/RussianXXtasy

I've been pulling my hair out trying to figure it out, but still no luck. I hate how the top right of the page is so bare, I think that bothers me the most. Centered profiles look soooooo much nicer.

 

[MyCamgirl]

This is what they are using:

body {
	width: 1024px !important;
	margin: auto !important;
}

 

[Miss_Lollipop]

Ok im a CSS dummy.

Placing this code directly into my CSS doesn't work...
Do i need more in the html section?
Or is it that it should be placed in a certain part of my CSS?

Thanks for any help!

 

[Evvie]

Ok im a CSS dummy.

Placing this code directly into my CSS doesn't work...
Do i need more in the html section?
Or is it that it should be placed in a certain part of my CSS?

Thanks for any help!

Miss Lolli, perhaps it would help out if you pasted a snippet from the CSS on your page where you pasted this code. I don't know the answer off the top of my head but if I saw your code I could probably help you out!

 

[Miss_Lollipop]

Ok im a CSS dummy.

Placing this code directly into my CSS doesn't work...
Do i need more in the html section?
Or is it that it should be placed in a certain part of my CSS?

Thanks for any help!

Miss Lolli, perhaps it would help out if you pasted a snippet from the CSS on your page where you pasted this code. I don't know the answer off the top of my head but if I saw your code I could probably help you out!

ummm so i have NO idea how CSS works. This is the code I have in there.

a:link,a:active,a:hover { 
	color:#330066;
}

a:visited   {
	color:#660099;
}

body {
   width: 1024px !important;
   margin: auto !important;
}

body {
	background-color: #;
        background-image:url('http:imageshack.usaimg383273brickwalls.jpg');
        background-repeat:repeat-both;
}
body,td {
 color: #000000;
 font-family: 'Verdana';
 font-weight: normal;
 font-style: normal;
 font-size: 12px;
}

td .clock	{	font-size:9px;	}

.container_padding {
	padding:	5px;
	height:	100%;
}

.container_transparency {
	height:100%;
	width:100%;
	background-color: #ffffff;
	filter:alpha(opacity=30);
}
.container {
	color: #000000;
	position:relative;
	border: 4px solid #000000;
	padding:	5px;
	height: 100%;
	background-color:transparent;
}

.container .heading {
	padding: 5px;
	background-color: #ffffff;
	color: #000000;
	font-family: 'Verdana';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

.content {
	padding:5px;
}

#lolli-links
{
	background:#808080;
	display:block;
	height:48px;
	margin:auto;
	margin-top:2px;
	padding:4px;
	text-align:center;
	width:1100px;
}
#page-footer{position:fixe

 

[Miss_Lollipop]

Oh boy do i suck at this.

Trying to make a 'header' like my footer too.. and failing terribly.

 

[Evvie]

Ok im a CSS dummy.

Placing this code directly into my CSS doesn't work...
Do i need more in the html section?
Or is it that it should be placed in a certain part of my CSS?

Thanks for any help!

Miss Lolli, perhaps it would help out if you pasted a snippet from the CSS on your page where you pasted this code. I don't know the answer off the top of my head but if I saw your code I could probably help you out!

ummm so i have NO idea how CSS works. This is the code I have in there.

a:link,a:active,a:hover { 
	color:#330066;
}

a:visited   {
	color:#660099;
}

body {
   width: 1024px !important;
   margin: auto !important;
	background-color: #;
        background-image:url('http:imageshack.usaimg383273brickwalls.jpg');
        background-repeat:repeat-both;
}
body,td {
 color: #000000;
 font-family: 'Verdana';
 font-weight: normal;
 font-style: normal;
 font-size: 12px;
}

td .clock	{	font-size:9px;	}

.container_padding {
	padding:	5px;
	height:	100%;
}

.container_transparency {
	height:100%;
	width:100%;
	background-color: #ffffff;
	filter:alpha(opacity=30);
}
.container {
	color: #000000;
	position:relative;
	border: 4px solid #000000;
	padding:	5px;
	height: 100%;
	background-color:transparent;
}

.container .heading {
	padding: 5px;
	background-color: #ffffff;
	color: #000000;
	font-family: 'Verdana';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

.content {
	padding:5px;
}

#lolli-links
{
	background:#808080;
	display:block;
	height:48px;
	margin:auto;
	margin-top:2px;
	padding:4px;
	text-align:center;
	width:1100px;
}
#page-footer{position:fixe

Please try this for your body centering code!

 

[Evvie]

Ok im a CSS dummy.

Placing this code directly into my CSS doesn't work...
Do i need more in the html section?
Or is it that it should be placed in a certain part of my CSS?

Thanks for any help!

Miss Lolli, perhaps it would help out if you pasted a snippet from the CSS on your page where you pasted this code. I don't know the answer off the top of my head but if I saw your code I could probably help you out!

ummm so i have NO idea how CSS works. This is the code I have in there.

a:link,a:active,a:hover { 
	color:#330066;
}

a:visited   {
	color:#660099;
}

body {
   width: 1024px !important;
   margin: auto !important;
	background-color: #;
        background-image:url('http:imageshack.usaimg383273brickwalls.jpg');
        background-repeat:repeat-both;
}
body,td {
 color: #000000;
 font-family: 'Verdana';
 font-weight: normal;
 font-style: normal;
 font-size: 12px;
}

td .clock	{	font-size:9px;	}

.container_padding {
	padding:	5px;
	height:	100%;
}

.container_transparency {
	height:100%;
	width:100%;
	background-color: #ffffff;
	filter:alpha(opacity=30);
}
.container {
	color: #000000;
	position:relative;
	border: 4px solid #000000;
	padding:	5px;
	height: 100%;
	background-color:transparent;
}

.container .heading {
	padding: 5px;
	background-color: #ffffff;
	color: #000000;
	font-family: 'Verdana';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}

.content {
	padding:5px;
}

#lolli-links
{
	background:#808080;
	display:block;
	height:48px;
	margin:auto;
	margin-bottom:2px;
	padding:4px;
	text-align:center;
	width:1100px;
}


#lolli-links2
{
	background:#808080;
	display:block;
	height:48px;
	margin:auto;
	margin-top:2px;
	padding:4px;
	text-align:center;
	width:1100px;
}
#page-footer{position:fixe

Please try this to center your profile AND to add header links like you have footer links!

On your HTML, copy your footer HTML. Paste it, but change the name from "lolli-links" to "lolli-links2" (otherwise, have one HTML section for a header and one for a footer. The one named "lolli-links" will be the footer. The one named "lolli-links2" will be the header).

 

[Miss_Lollipop]

I'm doing something wrong.

HTML code is copied exactly as is the footer/header codes with the ID changes and its not showing up.

if i just do the HTML - its at the top of my about-me section.

But as soon as I enter the CSS it goes POOF

Evvie i love you so hard.

 

[kiraduh]

could someone help me center mine also. haha I tried but im not very good at this type of thing
http://profiles.myfreecams.com/kiraduh

 

[Poker_Babe]

Can anyone help me to make my "container" just solid black? PLEASE.
I've been practicing with my premium account.
http://profiles.myfreecams.com/Got_The_Nutz

 

[MyCamgirl]

could someone help me center mine also. haha I tried but im not very good at this type of thing
http://profiles.myfreecams.com/kiraduh

The image "tip menu & videos" is too wide. It is pushing the layout beyond the body width (1024px) and "breaking" it. You can either create a new image or set a bigger width for the body.

Can anyone help me to make my "container" just solid black? PLEASE.
I've been practicing with my premium account.
http://profiles.myfreecams.com/Got_The_Nutz

Try this:

table {background:#000}