.css and stand_alone files and wrapper header issues....

frangipanigeisha

Joined: 2003-10-11
Posts: 20
Posted: Sat, 2004-01-17 08:42

spent this snowy day finally attempting to set up my blog CSS into my gallery pages. of course, things never go as smoothly as you hope.

http://www.frangipani.info/gallery/

i have edited both the css_stand_alone and the htmlwrapperheader files and somehow lost the background colour and album description from my page. i just can't find the mistake, so I was hoping some eagle eyed coder could have a look through and suggest something....

first up, the wrapper header. i actually don't think this one os the problem, but it is the other file that i have worked on today and you never know.... I am just a layperson when it comes to html/css/php....

<?php
// $Id: wrapper.header.default,v 1.9 2003/07/28 09:49:16 jefmcg Exp $
// This header file detects whether Gallery is embedded in any 
// known PHP applications and then decorates Gallery appropriately.

global $GALLERY_EMBEDDED_INSIDE;

switch($GALLERY_EMBEDDED_INSIDE) {
	case "nuke":
		global $PHP_SELF;
		if (!eregi("modules.php", $PHP_SELF)) {
			die ("You can't access this file directly...");
		}

		/*
		 * Nuke owns the <head> tag and doesn't share.  So, if we want to get our
		 * style sheet in place we've got to intercept Nuke's header and modify it 
		 * to insert a few lines of our own in place.  We could speed this process 
		 * up greatly if we cached the results and saved it somewhere handy (like
		 * the session) but then we'd be vulnerable to attack by somebody who has
		 * write permissions in the directory that the session files live.  They
		 * could create a bogus session file, set that ID into their cookie and 
		 * then pass their own code into our eval() below.
		 */
		$header = "";
		if ($fd = fopen("header.php", "r")) {
			while (!feof($fd)) {
				$line = fgets($fd, 1024);
				$line = str_replace('<?php', '', $line);
				$line = str_replace(' ?>', '', $line);
				$header .= $line;
				if (strstr($line, "<head")) {
					$links = getStyleSheetLink();
					$links = str_replace('"', '\"', $links);
					$header .= 'echo "' . $links . '\n";' . "\n";
				}
			}
		}

		/*
		 * We can control whether we see the right side blocks
		 * by setting the value of the $index variable.  To
		 * see the blocks, set $index to 1.  To hide them set
		 * $index to 0.  We default to 0 to leave more room for
		 * the photos.  If you change this value, you should
		 * also change it in wrapper.footer
		 *
		 * Note that we save the current value of $index in
		 * $tmp_index and restore it when we're done.  If we
		 * don't do this, navigation won't work!
		 */
		global $index;
		$tmp_index = $index;
		$index = 0;

		eval($header);

		OpenTable();

		$index = $tmp_index;
		break;
}
?>
<table align="center" width="100%" border="0" cellpadding="2" cellspacing="2">
<!-- THIS IS THE ROW FOR THE HEADER GRAPHIC OR HEADER TEXT -->
	<tr>
<!-- NOTICE THE COLSPAN="2" INFORMATION IN THE TD TAG. THIS TELLS US TO COMBINE TWO TABLE COLUMNS (OR CELLS) INTO ONE -->
		<td colspan="2">
		<div id="bannerimage">
<img src="http://www.frangipani.info/Images/rotate/rotate.php">
</div>

<div id="navigation">

<ul id="minitabs">
	<ul>
	<li><a href="../index.html" >HOME</a></li>
	<li><a href="http://www.frangipani.info/gallery/" target="_blank">GALLERY</a></li>
	<li><a href="http://www.frangipani.info/onacertainday/" target="_blank">ON A CERTAIN DAY</a></li>
	<li><a href="http://www.frangipani.info/blog/" target="_blank" class="active">BLOG</a></li>
	<li><a href="../about.htm">ABOUT</a></li>    
	<li><a href="../writing.htm">WRITING</a></li>
	<li><a href="../links.htm">LINKS</a></li>
	<li><a href="http://www.frangipani.info/messageboard/"target="_blank">FEEDBACK</a></li>
	
</ul>

</div>
		</td>
	</tr>

</div>

<!-- NOW COMES THE TABLE ROW FOR GALLERY AND THE SIDEBAR -->
	<tr valign="top">
		<td width="15%">
		VIEWING HINTS <br /><br />
		The slide show is a great way to get around the galleries. Look up in the top right hand corner!
		<br /><br />
		EQUIPMENT <br /><br />
		Canon G3, Photoshop 7, Dreamweaver MX
		<br /><br />
			
		
		</td>
<!-- THIS IS GALLERY'S COLUMN, YOU ADD NOTHING HERE -->
		<td width="85%">

and now, the stand_alone.css

/* This is the default style sheet used by the Gallery when it is running as a 
standalone product. If you would like to customize the styles please create copy 
of this file called "standalone_style.css" (same name without ".default") If that 
file is found in this directory it will be used instead of this one. Some of the 
styles below are overriden by specific album properties. These are noted. NOTE: 
When Gallery is running standalone it still loads embedded_style as a baseline, 
but you can override those settings here. $Id: standalone_style.css.default,v 
1.5.4.1 2003/09/09 12:16:38 beckettmw Exp $ */ /* link colors - overridden by 
the album 'linkcolor' property. */ 

A:link, A:visited, A:active { color: #CCCCCC; }
    
A:hover { color: #CC6600; } 

/* default text styles - background and colors overriden 
by album 'bgcolor', 'background', and 'textcolor' properties. */ 

BODY { background-color: #0066f85; color: #cccccc; } 

TD, P { color: #FFFFFF; } 

#bannerimage { text-align: center;  top;	}

#navigation {
   font-family:Arial, Helvetica, sans-serif;
   font-size:small;
   background:#066f85;
   colour: #CCC;
   font-weight:strong; 
   text-align: center; top:160px; }


#minitabs {
	margin: 0;
	padding: 0 0 10px 10px;
	border-bottom: 1px solid #CCC;
        text-align: center; 
	} 

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
        	}

	
#minitabs a:link, #minitabs a:visited {
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 5px;
	text-decoration: none;
	color: #CCC; 
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #CCC;
	padding-bottom: 2px;
	background: #066f85;
	color: #CCC;
	}

#minitabs a:hover {
	color: #CCC;
	}

thanks for looking.

 
Gaile

Joined: 2002-07-20
Posts: 1301
Posted: Sat, 2004-01-17 09:44

Hi there

Looks to me like you have one too many 0's in your body background color:BODY { background-color: #0066f85; color: #cccccc; }

Try using #066f85 instead - I think that's your error and also why your descriptions aren't showing up. They are still there, but currently are white text on a white background. Get the background color working again and I think your descriptions will re-appear like magic! ;)

Looks good, btw - I love the colours you're using!

Gaile

 
frangipanigeisha

Joined: 2003-10-11
Posts: 20
Posted: Sat, 2004-01-17 10:17

thanks gaile. all fixed now. looks great.