forum.coppermine-gallery.net

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: southernlady on July 08, 2009, 09:46:05 pm

Title: [Solved]: Background not showing (and yes, I've searched)
Post by: 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




Title: Re: Background not showing (and yes, I've searched)
Post by: Nibbler 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.
Title: Re: Background not showing (and yes, I've searched)
Post by: southernlady 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
Title: Re: Background not showing (and yes, I've searched)
Post by: Nibbler on July 08, 2009, 10:18:58 pm
Your code does not work because it is invalid. Fix the issues the validator (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gblcreations.com%2Fgallery%2Findex.php&charset=%28detect+automatically%29&doctype=Inline&group=0) 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.
Title: Re: Background not showing (and yes, I've searched)
Post by: southernlady 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
Title: Re: Background not showing (and yes, I've searched)
Post by: Nibbler 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.
Title: Re: Background not showing (and yes, I've searched)
Post by: southernlady 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
Title: Re: Background not showing (and yes, I've searched)
Post by: Nibbler 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.
Title: Re: Background not showing (and yes, I've searched)
Post by: southernlady 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