custom header

spankee

Joined: 2004-06-12
Posts: 51
Posted: Sat, 2005-02-05 03:14

Hi, I am trying to add a custom header to Gallery. but having some problems.
this is what I have done so far, I copied global.tpl then created a folder " local" and placed the copy there. This is what i put around the </header> and <body> of that file.

<link rel="stylesheet" href="http://craig.no-ip.org/gallery2/headerstyle.css" type="text/css">
  </head>
  <body>  
  	<div id="masthead">	
  		<div id="globalNav"> 
    		<img alt="" src=http://craig.no-ip.org/images/gblnav_left.gif height="32" width="4" id="gnl"> <img alt="" src=http://craig.no-ip.org/images/glbnav_right.gif height="32" width="4" id="gnr"> 
    			<div id="globalLink"> 
      			<a href="http://craig.no-ip.org/" class="glink1">Home</a><a href="http://craig.no-ip.org/familytree/" class="glink">Family Tree</a><a href="http://craig.no-ip.org/forum/" class="glink">Community Forums</a><a href="http://craig.no-ip.org/gallery/" class="glink">Photo Albums</a> 
    			</div>  
  		</div> 
  	</div>

First off can I link to my style sheet like this? will it mess anything up?
Secondly I can see two problems that I cant fix:
1. fixed--There are things at the top of my page  --this was just fixed by recent change in the global.tpl form CVS.
2. Gallery is not moving down below my header.
Any help would highly apreciated
Thanks
----

Gallery URL (optional):http://craig.no-ip.org/gallery2/main.php
Gallery version:latest cvs
Webserver (with version):wamp5
Datatabase (with version):4.1.7
PHP version (eg 4.2.1):5.03
phpinfo URL (optional):
Graphics Toolkit(s):
Operating system:winxp
Web browser/version:firefox
[/code]
 
spankee

Joined: 2004-06-12
Posts: 51
Posted: Sat, 2005-02-05 03:56

maybe my stylesheet will help?

body{
	margin: 0px;
	padding: 0px;
}

#masthead{
	position: relative;
	width:100%;
	height: 95px;
	background-image: url(http://craig.no-ip.org/images/header.jpg);
	}
	
#globalNav{
	position: absolute;
	width: 100%;
	height: 32px;
	color: #B2BDC0;
	padding: 0px;
	margin: 0 auto;
	top: 95px;
	background-image: url(http://craig.no-ip.org/images/glbnav_background.gif);
	}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: relative;
	top: 5px;
	height: 22px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	width: 700px;
}


a.glink, a.glink:visited{
	font-size: small;
	color: #7A8D92;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	float: left;
	font-family: Verdana;
	}

a.glink1, a.glink1:visited{
	font-size: small;
	color: #7A8D92;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
	float: left;
	border-left: 1px solid #8FB8BC;
	font-family: Verdana;
	}

a.glink:hover{
  	background-image: url(http://craig.no-ip.org/images/glblnav_selected.gif);
	text-decoration: none;
}

a.glink1:hover{
  	background-image: url(http://craig.no-ip.org/images/glblnav_selected.gif);
	text-decoration: none;
}
 
mindless
mindless's picture

Joined: 2004-01-04
Posts: 8601
Posted: Sat, 2005-02-05 16:45

maybe take out position:relative from masthead?
 
spankee

Joined: 2004-06-12
Posts: 51
Posted: Sun, 2005-02-06 00:32

Thanks, but that did not work.