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

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

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