6 replies [Last post]
millerrs
Offline
newbie
Last seen: 14 years 15 weeks ago
Joined: 2007-08-23
Posts: 4
Points: 0

Hi all. I am hosting a website on freewebs.com and i am using their CSS editor to make my website. my website is currently http://www.freewebs.com/ryansmillerphotography . if you go to the site you notice that in the interior of the page by the picture you notice that half is grey and half black. I cant seem to change it so the grey on top becomes black! I am copying my css code so far and if anyone could please tell me what to change I would greatly appreciate your time and helpfulness. THANKS!

/* Waveform ORANGE */

body {
font:14px Arial, sans-serif;
color:#FFFFFF;
min-width: 760px;
margin: 0px;
padding: 0px;
background-color: #808080;
}

/*
* Container surrounding all content on the page
*/
.fw-container {
margin: 0 auto;
padding: 0;
width: 760px;
border: ;
overflow:hidden;
}

a,
a:visited {
color:#FFFFFF;
text-decoration: none;
}

a:hover,
a:visited:hover {
text-decoration: underline;
}

code,pre {
font-size:12px
}

fieldset {
margin:1em 0;
padding:1em;
border:1px solid #FFFFFF
}

legend {
color:#000;
font-weight:bold;
}

label {
cursor:pointer
}

/*
* This can be used to decorate around any advertisements that appear on the page (non-premium users only)
* It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement
*/
.fw-advertisement,
#fw-advertisement {
margin:0 auto;
padding-top: 10px;
padding-bottom: 10px;
width:760px;
border:0;
text-align: center;
background: #FFFFF;
}

/*
* Container surrounding Site Title, Small Title, Logo, and home-link
*/
.fw-head {
height: 196px;
margin:0;
border:0;
background: #242424 ;
position:relative;
}

/*
* Site Title
*/
.fw-head h1 {
font:bold 26px verdana;
letter-spacing: -1px;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;
}

/*
* Site Small Title
*/
.fw-head h3 {
font:normal 12px arial;
color: #fff;
border: ;
text-align: left;
position: absolute;
top: 60px;
left: 20px;
z-index: 10;
padding:0px;
margin:0px;
}

.fw-logo {
width:760px;
height:196px;
}

.fw-home-link {
width:0px;
height:0px;
display:none;
}

hr {
display:none;
}

/*
* NavBar
* UL containing all the NavBar links
*/

.fw-nav-menu {
background: #000000;
padding: 10px 20px 10px 20px;
margin: 0px;
font-family: arial;
font-weight: normal;
color: #ff9501;
border-top: solid 1px #000;
}

.fw-nav-menu ul {
margin:0px;
padding:0px;
border: ;
background: transparent;
list-style:none;
text-align:left;
cursor:default;

}

/*
* Individual NavBar LI's
*/
.fw-nav-menu li {
margin:0px 15px 0px 0px;
display: inline;
}

/*
* Individual NavBar links
*/
.fw-nav-menu a {
text-decoration:none;
}

/*
* This is the container that holds the main content (paragraphs) of the page.
*/
.fw-with-mini {
float:left;
width: 70%;
margin: 0px 0px 0px 0px;
font-size: 12px;
overflow: hidden;
background: #000000;
}

/*
* The fw-no-mini class is applied to the fw-content DIV
* when there are no mini-paragraphs on the page.
* This statement must remain in the css even if there are mini paragraphs.
* If there are mini paragraphs on the page, this will be ignored.
*/
.fw-content {
float:none;
width:100%;
}

.fw-content h2 {
font:bold 18px verdana;
color: #fff;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding-top: 15px;
}

.fw-paragraph {
padding: 0px 20px 20px 20px;
border-top: solid 1px #000;
background: #000000 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Orange/bg-p.gif') repeat-x top left;
overflow: hidden;
clear:both;
}

.fw-text {
margin: 0px 0px 0px 0px;
overflow: hidden;
height: 100%;
}

.fw-content ul,.fw-content ol,.fw-content dd {
margin-left:2em;
}

.fw-mini-pars {
float:right;
width:30%;
}

.fw-mini-pars dt {
color:#000;
font-weight:bold;
margin-top:1em;
border-bottom:.3em solid #EEE;
}

.fw-mini-pars dd {
margin-top:.2em;
color:#333;
}

.fw-footer {
font-size: 10px;
font-family: verdana, sans-serif;
background: #000000;
margin: 0px 0px 0px 0px;
padding: 6px 0px 6px 20px;
clear: both;
border-top: solid 1px #000;
color: #FFFFFF
}

.fw-footer p {
padding: 0px 0px 0px 0px;
margin: 0px
}

.fw-tracker {
background: #000000;
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 20px;
font-size: 10px;
font-family: verdana, sans-serif;
clear: both;
border-top: solid 1px #000;
color: #FFFFFF
}

/* forms */

label,button,input[type="submit"] {
cursor:pointer;
}

input,textarea {
padding:.1em;

}

textarea {
font:1em tahoma,verdana,arial,sans-serif;
}

.formSpan {
display:block;
margin:1em 0 0
}

/* The following styles are for the blog.
* Remember, if a CSS property is already defined in blog.css,
* you must use the !important rule.
*/

/*
* blog entry container
*/
.fwBlogEntryDisplay {
border-bottom: 0 !important;
margin: 0px !important;
margin-bottom: 30px !important;
padding: 0px !important;
}

/*
* blog entry title
*/
.fwBlogEntryTitle {
font:bold 18px verdana !important;
color: #fff !important;
letter-spacing: -1px !important;
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
padding-top: 15px !important;
}

/*
* blog entry date
*/
.fwBlogEntryDate {
margin: 0px 0px 0px 0px !important;
padding: 0px !important;
font-size: 11px !important;
font-family: verdana !important;
color: #fff !important;
}

.fwBlogEntryDate BR {
display: none;
}

/*
* blog entry body
*/
.fwBlogEntryBody {
border-bottom: solid 4px #000 !important;
}

/*
* blog comments
*/
.fwBlogCommentContainer{
border: solid 1px #a35f00 !important;
padding: 10px !important;
margin: 10px 0px 0px 0px !important;
background-color: #000 !important;
}

/* Google ad colors */

#googlecolors1 {
background-color:#000; /*bg*/
color:#fddfb2; /*text*/
}
#googlecolors1 a, #googlecolors1 a:visited {
color:#fff; /*link*/
}
#googlecolors2 {
background-color:#000; /*border*/
color:#ff9501; /*url*/
}

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You've got a bg-image

You've got a bg-image attached to .fw-paragraph that starts off grey and then turns black. Is that what you mean?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

millerrs
Offline
newbie
Last seen: 14 years 15 weeks ago
Joined: 2007-08-23
Posts: 4
Points: 0

the grey in this photo.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Yeah, it's a bg-image on

Yeah, it's a bg-image on .fw-paragraph.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

millerrs
Offline
newbie
Last seen: 14 years 15 weeks ago
Joined: 2007-08-23
Posts: 4
Points: 0

i am sorry, i am a noob in

i am sorry, i am a noob in CSS...how do i fix it?

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

.fw-paragraph {padding: 0px

.fw-paragraph { padding: 0px 20px 20px 20px; border-top: solid 1px #000; background: #000000 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Orange/bg-p.gif') repeat-x top left; overflow: hidden; clear:both; }

Take the line in bold out.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

millerrs
Offline
newbie
Last seen: 14 years 15 weeks ago
Joined: 2007-08-23
Posts: 4
Points: 0

WOW!! ur a genius...THANKS!

WOW!! ur a genius...THANKS!