I really need CSS help!, template/layout Options

[AuroraM]

Admittedly I don't know very much about HTML, so please excuse me for sounding ignorant, and hopefully I'm posting this in the appropriate thread.

I recently joined a "networking" site; it's a basic layout with background image, header colors ect. but I can't figure out how to make the middle section (that contains About Me as an example) skinner. It's much too wide and I'd really appreciate any help adjusting/writing to it or site suggestions with a tutorial or something. I'll include the code below.







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

a:visited {
color:#000000;
}

body {
background-color:#ffffff;
background-color:#020202;
color:#000000;
font-family:'Georgia';
font-weight:normal;
font-style:normal;
font-size:12px;
background-position:top center;
background-attachment:scroll;
background-repeat:repeat;
background-image:url(//i.mfcimg.com/photos2/136/13609290/701-116-403-976-5624036.jpg);
}

.profile_section_content {
color:#000000;
border:0 none #da1045;
padding:1px;
margin:14px;
-webkit-border-radius:17px;
-moz-border-radius:17px;
border-radius:17px;
-webkit-box-shadow:0 0 0 #777777;
-moz-box-shadow:0 0 0 #777777;
box-shadow:0 0 0 #777777;
}

.profile_section_background {
background-color:transparent;
background-color:#da1045;
filter:alpha(opacity=100);
opacity:1;
background-image:url(//g.mfcimg.com/photos2/136/13609290/173-584-526-301-5624034.jpg);
}

.img_radius_shadow {
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 0 #777777;
-moz-box-shadow:0 0 0 #777777;
box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
padding:5px;
background-color:#bd0435;
color:#000000;
font-family:'Verdana';
font-weight:normal;
font-style:normal;
font-size:14px;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:0 0 0 #000000;
-moz-box-shadow:0 0 0 #000000;
box-shadow:0 0 0 #000000;
-webkit-text-shadow:0 0 0 #000000;
-moz-text-shadow:0 0 0 #000000;
text-shadow:0 0 0 #000000;
}

.content {
padding:5px;
}

[Frederiek]

What networking site would that be? How much are you allowed to do to create your profile in HTML/CSS?

Can you post the url of the page to demonstrate the problem?

[AuroraM]

What networking site would that be? How much are you allowed to do to create your profile in HTML/CSS?

Can you post the url of the page to demonstrate the problem?

http://profiles.myfreecams.com/AuroraMoore


This is the profile, I appreciate your comment.

[Frederiek]

Change the width: 100%; to the width you want of #profile_main_about_holder. You will find that on line 517 of mfcprofiles.css, which originally can be found at http://a.mfcimg.com/profiles/prod/css/mfcp...875448975768000 .

Looking at that page, it seems odd to me to just make the "About me" section smaller. Why not make the entire #profile smaller, which seems more logical?

[AuroraM]

Change the width: 100%; to the width you want of #profile_main_about_holder. You will find that on line 517 of mfcprofiles.css, which originally can be found at http://a.mfcimg.com/profiles/prod/css/mfcp...875448975768000 .

Looking at that page, it seems odd to me to just make the "About me" section smaller. Why not make the entire #profile smaller, which seems more logical?

That actually does make more sense, I suppose the process of slimming the whole layout is different than what I asked?

[Frederiek]

Yes, you only asked to make the "About me" slimmer, which apparently you did in the meantime, putting an image on the left of it.

But you have quite some space on the right of each section. Making #profile smaller could make the content fit a bit better (e.g. width: 960px; margin: 40px auto 10px; (to make room, especially for the time stamp at the top)).

BTW, the links and time stamp at the top are hard to read on that background (those at the bottom slightly better).

You have only a few HTML errors: http://validator.w3.org/check?uri=http%3A/...com/AuroraMoore
And CSS errors: http://jigsaw.w3.org/css-validator/validat...com/AuroraMoore
It's best to fix that if you can.