Topic: [Solved]: Background not showing (and yes, I've searched) (Read 5841 times)

southernlady · « **on:** July 08, 2009, 09:46:05 pm »

I'm attempting to make my own theme to match my shopping cart/vbulletin/blog that will all go together, and this is just the second piece of the puzzle. I have the cart pretty much made.

I managed to get the images to show with the exception of the background. I can't get it to show anything but white.

I use a background color because not everyone can SEE the image. But I use a color that is close to the image color. Never had an issue coding that way before (yes, I read the post that stated that was a problem)

Here is the part of my code in the css: body{

Code: [Select]

background-image: url(http://www.gblcreations.com/gallery/themes/OuietElegance/images/GraphicsByLiz_QuietElegancebackground.gif);
	background-color: #71185C;
	color: #71185C;

Here is the code in the template.html:

Code: [Select]

<!--
body {
	background-color: #71185C;
	background-image: url(http://www.gblcreations.com/gallery/themes/OuietElegance/images/GraphicsByLiz_QuietElegancebackground.gif);
}
-->
{CUSTOM_HEADER}

My gallery is located here:
http://www.gblcreations.com/gallery/index.php

Even if it didn't show the image, it SHOULD be showing the color. And all it is showing is white.

I know I can do this, I have it showing here:
http://www.gblcreations.com/zctest/ which is the test shop that isn't live. As I said, I am working on a theme that will go thru all my sections.
Here is the code I used on the cart so I KNOW using a background COLOR does not interfere:

Code: [Select]

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-image: url(http://www.gblcreations.com/zctest/includes/templates/classic/images/GraphicsByLiz_QuietElegance.jpg);
	background-color: #71185C;
	}

Any ideas? Liz

Nibbler · « **Reply #1 on:** July 08, 2009, 09:56:46 pm »

You need to put the styles inside a <style> tag. You can't just dump it there.

southernlady · « **Reply #2 on:** July 08, 2009, 10:14:37 pm »

I'm not sure I understand since I've never had an issue like this one before. Liz

Nibbler · « **Reply #3 on:** July 08, 2009, 10:18:58 pm »

Your code does not work because it is invalid. Fix the issues the validator finds first of all. Then move your style somewhere that is valid, such as between <style> tags or in an external stylesheet.

This is not related to Coppermine atall.

southernlady · « **Reply #4 on:** July 08, 2009, 10:48:26 pm »

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gblcreations.com%2Fgallery%2Findex.php&charset=(detect+automatically)&doctype=Inline&group=0

Okay, it's valid and STILL not showing.

Liz

Nibbler · « **Reply #5 on:** July 08, 2009, 11:15:08 pm »

OK, what you have now is this:

Code: [Select]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>GBLCreations Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<link rel="stylesheet" href="themes/quietelegance/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script></head>
<!--
body {
	background-color: #71185C;
	background-image: url(http://www.gblcreations.com/gallery/themes/OuietElegance/images/GraphicsByLiz_QuietElegancebackground.gif);
}
<body bgcolor="#71185C">
-->
<body>

You have your style between the head and body of the page, in no mans land. Should be like this

Code: [Select]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>GBLCreations Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<link rel="stylesheet" href="themes/quietelegance/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<style type="text/css">
body {
	background-color: #71185C;
	background-image: url(http://www.gblcreations.com/gallery/themes/OuietElegance/images/GraphicsByLiz_QuietElegancebackground.gif);
}
</style>
</head>
<body>

Better yet, place it in an external style sheet.

southernlady · « **Reply #6 on:** July 08, 2009, 11:45:56 pm »

I checked my style sheet, it's valid and it also has the background listed.
I moved the background to the right spot and yet the background remains white.

And to avoid the issue of Firefox holding on to old files, I do my checking in IE to be sure I see the newest files even tho I code in Firefox.

I am about ready to give up on the idea of a gallery. Liz

Nibbler · « **Reply #7 on:** July 08, 2009, 11:51:56 pm »

Your code is nothing like what I posted. Unless you do it right it's not going to work.

southernlady · « **Reply #8 on:** July 08, 2009, 11:58:30 pm »

Next time I'll learn to copy and paste instead of trying to READ iit...since the print is so tiny.

Sorry.

Okay, Solved that. And I do appreciate your patience with my boneheadedness. Liz

News:

Author Topic: [Solved]: Background not showing (and yes, I've searched) (Read 5841 times)

southernlady

[Solved]: Background not showing (and yes, I've searched)

Nibbler

Re: Background not showing (and yes, I've searched)

southernlady

Re: Background not showing (and yes, I've searched)

Nibbler

Re: Background not showing (and yes, I've searched)

southernlady

Re: Background not showing (and yes, I've searched)

Nibbler

Re: Background not showing (and yes, I've searched)

southernlady

Re: Background not showing (and yes, I've searched)

Nibbler

Re: Background not showing (and yes, I've searched)

southernlady

Re: Background not showing (and yes, I've searched)