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
-
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{
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:
<!--
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:
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
-
You need to put the styles inside a <style> tag. You can't just dump it there.
-
I'm not sure I understand since I've never had an issue like this one before. Liz
-
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.
-
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
-
OK, what you have now is this:
<!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
<!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.
-
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
-
Your code is nothing like what I posted. Unless you do it right it's not going to work.
-
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