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

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

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

Started by southernlady, July 08, 2009, 09:46:05 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

southernlady

July 08, 2009, 09:46:05 PM Last Edit: July 08, 2009, 11:59:25 PM by Nibbler
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

#1
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

#2
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

#3
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.

Nibbler

#5
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

#6
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

#7
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

#8
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
Print
Go Up Pages1
User actions