2 replies [Last post]
majikmushroom
majikmushroom's picture
Offline
newbie
Last seen: 2 years 25 weeks ago
Timezone: GMT-6
Joined: 2012-02-17
Posts: 4
Points: 7

I changed the look of my website a couple of weeks ago, mostly the look and feel of it. I have this piece of code in the header of every page.

body

{background-image:url("images/Parchment-bg3.jpg");

background-repeat:repeat-y;

background-position:top center;

background-attachment:fixed}

body
{background-color: #000000;}

When running WebCEO it said that my text and background are the same. Since all my text is written on the tan image, I am assuming that the search engine will not see the image and only see the two black colors. I changed and uploaded my home page color, but don't like it as well as the black BG. Is there any workaround to show the distinction between the bg and the text? I hate to have to go and change every page . Thanks for listening, any help will be greatly appreciated. Thanks Majik

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 5 hours 57 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9169
Points: 3159

You've made a major design

You've made a major design error by having your content as a background image. Should images not load—for any reason—you have no content.

If you are going to replace text with an image, the amount of text must be small, e.g. a company name plus maybe a tag line. It must be something that would fit read-ably as the alt attribute content of a foreground image. Content never belongs as a background element, always foreground.

Please rethink your approach. The web is not print, and your inferred design is for print, not the web.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

balajidesign
balajidesign's picture
Offline
Enthusiast
Last seen: 44 weeks 1 day ago
Timezone: GMT+5.5
Joined: 2012-01-31
Posts: 116
Points: 124

create a image from any other

create a image from any other tools like photoshop or else. and attached in your code like this:

body
{
background:url("images/Parchment-bg3.jpg") repeat-y top center fixed;
}

or else if you want that background some color means:

body{
background-color:#000000;
}