iEntry 10th Anniversary Forum Rules Search
WebProWorld
Register FAQ Calendar Mark Forums Read
Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Share Thread: & Tags

Share Thread:

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 10-26-2006, 08:18 PM
WebProWorld New Member
 
Join Date: Sep 2006
Posts: 11
illbeatz RepRank 0
Default Please help Web Ceo says same text color as background

hi, I made this website called www.illbeatz.com with dreamweaver 8 and i was trying S.E.O. my index page in this program called web ceo. the problem is that web ceo tells me that my web page has the same text color as my background. But my background is black and my text is white in my page properties. so what can i do to fix this problem? I heard google and Yahoo will kick me out if they find out about this. but im not hidding any text thanks everyone.
Reply With Quote
  #2 (permalink)  
Old 10-26-2006, 10:24 PM
WebProWorld New Member
 
Join Date: Sep 2006
Posts: 11
illbeatz RepRank 0
Default Re: Please help Web Ceo says same text color as background

Quote:
Originally Posted by illbeatz
hi, I made this website called www.illbeatz.com with dreamweaver 8 and i was trying S.E.O. my index page in this program called web ceo. the problem is that web ceo tells me that my web page has the same text color as my background. But my background is black and my text is white in my page properties. so what can i do to fix this problem? I heard google and Yahoo will kick me out if they find out about this. but im not hidding any text thanks everyone.
here is my code in css:


<style type="text/css">
<!--
body {
background-color: #000000;
}
.style1 {color: #333333}
#Layer1 {
position:absolute;
left:164px;
top:179px;
width:476px;
height:169px;
z-index:1;
}
#Layer2 {
position:absolute;
left:341px;
top:103px;
width:318px;
height:16px;
z-index:2;
}
#Layer3 {
position:absolute;
left:200px;
top:1000px;
width:473px;
height:89px;
z-index:3;
}
#Layer4 {
position:absolute;
left:176px;
top:652px;
width:93px;
height:17px;
z-index:4;
}
#Layer5 {
position:absolute;
left:154px;
top:1139px;
width:740px;
height:76px;
z-index:5;
}
.style23 {color: #FFFFFF}
.style62 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.style63 {color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; }
a:link {
color: #00FF00;
text-decoration: none;
}
.style68 {color: #FF0000}
.style86 {color: #FFFF00; font-weight: bold; font-size: 30px; }
.style88 {font-size: 14px}
a:visited {
color: #00FF00;
text-decoration: none;
}
body,td,th {
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.style66 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;}
.style118 {font-family: Arial, Helvetica, sans-serif}
.style120 {color: #FF0000; font-weight: bold;}
.style121 {color: #FFFFFF}
.style122 {font-size: 10px}
.style123 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style126 {color: #666666}
.style127 {color: #ECE9D8}
.style131 {font-size: 12px}
.style132 {font-weight: bold}
.style134 {color: #666666; font-weight: bold; }
.style136 {color: #FFFFFF; font-weight: bold; }
-->
</style>
Reply With Quote
  #3 (permalink)  
Old 10-27-2006, 01:31 PM
WebProWorld Pro
 
Join Date: Feb 2005
Location: United States
Posts: 113
wsmeyer RepRank 0
Default

It is just one programs opinion :) but I too would be concerned that the SE's would come to the same (incorrect) opinion.

What does the program say if you make the default text color white by adding it to the body:

Code:
body {
background-color: #000000;
color: #FFFFFF;
}
...then of course any place you actually wanted the text black you would need to change it in the individual class.

William.
Reply With Quote
  #4 (permalink)  
Old 10-29-2006, 05:50 AM
Moderator
WebProWorld Moderator
 
Join Date: Oct 2003
Location: Alberta, Canada
Posts: 878
weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6
Default

He already has it in the body. What might be happening is the color at the time background is set is actually black (the system color). Try declaring the foreground before the background in the body:
Code:
body{color:white;background:black}
Reply With Quote
  #5 (permalink)  
Old 10-30-2006, 02:54 PM
WebProWorld New Member
 
Join Date: Sep 2006
Posts: 11
illbeatz RepRank 0
Default

Quote:
Originally Posted by wsmeyer
It is just one programs opinion :) but I too would be concerned that the SE's would come to the same (incorrect) opinion.

What does the program say if you make the default text color white by adding it to the body:

Code:
body {
background-color: #000000;
color: #FFFFFF;
}

...then of course any place you actually wanted the text black you would need to change it in the individual class.

William.

ya , i have tried that and it still says the same thing
Reply With Quote
  #6 (permalink)  
Old 10-31-2006, 05:58 PM
WebProWorld Member
 
Join Date: Sep 2006
Posts: 26
Jon-WebsiteCM RepRank 0
Default

Perhaps the program isn't smart enough to pick out the CSS?

Try specifying it in your body tag:

Code:
<body bgcolor="#000000" text="#FFFFFF">
Reply With Quote
  #7 (permalink)  
Old 10-31-2006, 06:03 PM
incrediblehelp's Avatar
WebProWorld 1,000+ Club
WebProWorld MVP
 
Join Date: Jan 2004
Location: Live in Cincy Now
Posts: 7,573
incrediblehelp RepRank 4incrediblehelp RepRank 4incrediblehelp RepRank 4incrediblehelp RepRank 4incrediblehelp RepRank 4
Default

Quote:
Originally Posted by Jon-WebsiteCM
Perhaps the program isn't smart enough to pick out the CSS?
That would be my guess. I don't use SEO software so I don't know, but I know there are many that use WebCEO around WPW.
Reply With Quote
  #8 (permalink)  
Old 10-31-2006, 10:58 PM
Orion's Avatar
WebProWorld Veteran
WebProWorld MVP
 
Join Date: Sep 2003
Location: Halton Hills, ON
Posts: 702
Orion RepRank 4Orion RepRank 4Orion RepRank 4Orion RepRank 4
Default

body {color:#ffffff; background-color:#000000;} is the way to do it.

I would not put it into the <body> tag as that is just not proper coding.
Reply With Quote
  #9 (permalink)  
Old 10-31-2006, 11:53 PM
WebProWorld New Member
 
Join Date: Sep 2006
Posts: 11
illbeatz RepRank 0
Default

Quote:
Originally Posted by Orion
body {color:#ffffff; background-color:#000000;} is the way to do it.

I would not put it into the <body> tag as that is just not proper coding.
then where should I put it?
Reply With Quote
  #10 (permalink)  
Old 11-01-2006, 12:50 AM
Moderator
WebProWorld Moderator
 
Join Date: Oct 2003
Location: Alberta, Canada
Posts: 878
weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6
Default

bgcolor is not an attribute of body in xhtml. This is what I believe Orion is pointing out.

The key is to declare the FG before the BG in your CSS. Stating the colors in html, body{} is a good place to start.

Safe Practice: always specify both FG and BG together in your rules, for all instances, even if FG or BG are inherited. It won't make it any more valid, but it will keep all the color warnings at bay when you validate your CSS. The reasoning has been explained elsewhere in the forum, but the main reason is to ensure that the user sees the colors you specify, and not their default system colors.
Reply With Quote
  #11 (permalink)  
Old 11-01-2006, 02:23 AM
WebProWorld New Member
 
Join Date: Oct 2006
Location: UK
Posts: 11
BigD RepRank 0
Default Web Ceo says same text color as background

If you use the W3C CSS Validation Service it always returns a warning if you you specify color without specifying background-color in any style definition.

Don't know of this has any bearing.
Reply With Quote
  #12 (permalink)  
Old 11-01-2006, 05:32 PM
WebProWorld Pro
 
Join Date: Aug 2003
Location: Los Angeles, CA
Posts: 179
MarcGrobman RepRank 0
Default

Software is just a tool and in this case it does not seem to be working. If you know you aren't hiding text on your site you should be safe. I'm only a bit of a search geek, but my understanding is you would not get banned by a bot. It is possible that a bot from a search engine would flag your site to be reviewed by a person. I think you are safe.
Reply With Quote
  #13 (permalink)  
Old 11-01-2006, 05:59 PM
WebProWorld Member
 
Join Date: Sep 2006
Posts: 26
Jon-WebsiteCM RepRank 0
Default

Quote:
Originally Posted by Orion
body {color:#ffffff; background-color:#000000;} is the way to do it.

I would not put it into the <body> tag as that is just not proper coding.
Just a note, I wasn't eluding the 'proper' way of doing things, I was making a suggestion as to a possible issue with the program.
Reply With Quote
  #14 (permalink)  
Old 11-01-2006, 06:33 PM
Moderator
WebProWorld Moderator
 
Join Date: Oct 2003
Location: Alberta, Canada
Posts: 878
weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6weegillis RepRank 6
Default

Maybe the problem simply relates to this line, found at the top of your page:
Quote:
Rap Beats Hip Hop Beats Rap Instrumentals Hip Hop Instrumentals Royalty Free Downloads & Drum Kits
As you can see, it very nearly fades into the background as a result of the close color match. Either lighten up the text, or remove it, then try your test again.
Reply With Quote
  #15 (permalink)  
Old 11-05-2006, 10:04 AM
DrTandem1's Avatar
WebProWorld 1,000+ Club
 
Join Date: Oct 2003
Location: Encinitas, CA
Posts: 1,829
DrTandem1 RepRank 2
Default

Remove the background attribute from your font styles. It is unnecessary and it is the reason for the error message.
__________________
DrTandem's San Diego Web Page Design, drtandem.com
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT -4. The time now is 08:33 AM.



Search Engine Optimization by vBSEO 3.3.0