Gallery Header

markvicious · June 25, 2007, 01:31:22 AM

On all of the pages of my website I have rollover links in the top menu below the "logo".

I am trying to do the same for the gallery but the header and links/rollover links will not show up.

Here is what I have been adding to template.html:

Code Select

<head>
<!-- Begin

image1 = new Image();
image1.src = "photosmenuroll.jpg";

image2 = new Image();
image2.src = "purchasemenuroll.jpg";

image3 = new Image();
image3.src = "extrasmenuroll.jpg";

image4 = new Image();
image4.src = "aboutmenuroll.jpg";

image5 = new Image();
image5.src = "contactmenuroll.jpg";

image6 = new Image();
image6.src = "forummenuroll.jpg";

// End -->
</script>
</style></head>

<body>
<div align="center"><img src="http://www.desertedhospitals.com/top.jpg"  align="top"</div>
      <center><tr>
<a href="/photos" onmouseover="image1.src='photosmenuroll.jpg';"
onmouseout="image1.src='photosmenu.jpg';">
<img name="image1" src="photosmenu.jpg" border=0></a>
<img src="menuspacer.jpg">
<a href="/purchase.html" onmouseover="image2.src='purchasemenuroll.jpg';"
onmouseout="image2.src='purchasemenu.jpg';">
<img name="image2" src="purchasemenu.jpg" border=0></a>
<img src="menuspacer.jpg">
<a href="/extras.html" onmouseover="image3.src='extrasmenuroll.jpg';"
onmouseout="image3.src='extrasmenu.jpg';">
<img name="image3" src="extrasmenu.jpg" border=0></a>
<img src="menuspacer.jpg">
<a href="/about.html" onmouseover="image4.src='aboutmenuroll.jpg';"
onmouseout="image4.src='aboutmenu.jpg';">
<img name="image4" src="aboutmenu.jpg" border=0></a>
<img src="menuspacer.jpg">
<a href="/contact.html" onmouseover="image5.src='contactmenuroll.jpg';"
onmouseout="image5.src='contactmenu.jpg';">
<img name="image5" src="contactmenu.jpg" border=0></a>
<img src="menuspacer.jpg">
<a href="/forum" onmouseover="image6.src='forummenuroll.jpg';"
onmouseout="image6.src='forummenu.jpg';">
<img name="image6" src="forummenu.jpg" border=0></a>
  </tr>
</center>
</body>
</html>

Joachim Müller · June 25, 2007, 09:37:00 AM

Post a link to your gallery for a start...

Hein Traag · June 25, 2007, 09:41:25 AM

[whisper] It's in the code [/whisper]

http://www.desertedhospitals.com/photos/

markvicious · June 25, 2007, 08:49:41 PM

Quote from: Hein on June 25, 2007, 09:41:25 AM
[whisper] It's in the code [/whisper]

http://www.desertedhospitals.com/photos/

Yes, that is it!

Joachim Müller · June 26, 2007, 08:17:46 AM

Can't see rollovers in the source code. However, your HTML is completely messed up, validate and fix it first.

markvicious · June 26, 2007, 08:33:28 AM

If I was able to fix the html correctly, then it would probably work, but the problem is I don't know what else to do with it. I am using the same code on all of my other pages and they are fine, it is different for the coppermine and forum pages though.

Joachim Müller · June 26, 2007, 03:09:53 PM

Validation results: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.desertedhospitals.com%2Fphotos%2F (should be pretty self-explanatory).

Edit http://www.desertedhospitals.com/photos/themes/igames/template.html - there mustn't be HTML code between

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

and

Code Select

<html dir="{LANG_DIR}">Replace the content of template.html with

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
{META}
<link rel="stylesheet" href="themes/igames/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div id="CUSTOM_HEADER">
  {CUSTOM_HEADER}
</div>



<div class="top_panel">
  <div class="top_panel_left">
    <div class="top_panel_right">
      <div id="SELECT_LISTS">
        {THEME_SELECT_LIST}
        {LANGUAGE_SELECT_LIST}
      </div>
      <h1>{GAL_NAME}</h1>
      <h3>{GAL_DESCRIPTION}</h3>
    </div>
  </div>
</div>

<div class="top_panel_btm">
</div>


<div id="MENUS">
  <div id="SUB_MENU">
    {SUB_MENU}
  </div>
  <div id="SYS_MENU">
    {SYS_MENU}
  </div>
</div>
<div id="GALLERY" style="text-align:center;">
      {ADMIN_MENU}
      {GALLERY}
</div>
<div id="SELECT_FLAGS">
 {LANGUAGE_SELECT_FLAGS}
</div>
<div id="CUSTOM_FOOTER">
  {CUSTOM_FOOTER}
</div>
<div id="VANITY">
  {VANITY}
</div>
</body>

for a start.

Code like

Code Select

<div align="center"<img src="http://www.desertedhospitals.com/top.jpg" align="top" <table border="0" align="top">is just invalid and will have undesired and unforseeable results. If you have the same code on other pages, they will look strange as well. Ommitting the <body>-tag is not a bright idea either.

This is all plain HTML and not some special Coppermine stuff. I suggest reading some good HTML tutorials for a start.

As suggested above as well, there is no rollover code to be found, neither on your gallery nor on the rest of your site. Read up the term "rollover".

markvicious · June 26, 2007, 05:39:22 PM

The rollover codes are not seen in the gallery because I cannot get them to work there. I have rollover links on all the other pages of the website. All I want is for the gallery to have the same header and rollover links like the other pages on the website. If someone is willing to provide a code that will actually work in the gallery/forum I'd appreciate it.

markvicious · June 26, 2007, 05:41:54 PM

P.S. Thank you for that post, I was able to get the header/links normal until I am able to replace them with rollovers.

markvicious · June 27, 2007, 04:46:11 AM

Great news: with some HTML guess and check, I got it and it works. Now I just have to figure out how to get the gallery centered in Firefox again.

Sami · June 27, 2007, 06:44:28 AM

- You have two </body> tags you should eliminate the first one
- You have unclosed <center> tags ,
As gaugau said you should review your HTML knowledge

markvicious · June 27, 2007, 08:11:53 AM

I was able to change it so the gallery is now centered in Firefox also.

I know the html might be incorrect, but as long as everything displays correctly it shouldn't be too much of a problem.

Whatever I did I made a bigger gap between the "album list::top rated" and the actual gallery, so now I need to figure out how to close that space.

Joachim Müller · June 27, 2007, 08:28:08 AM

Quote from: markvicious on June 27, 2007, 08:11:53 AM
I know the html might be incorrect, but as long as everything displays correctly it shouldn't be too much of a problem.

Might display fine for you (on your machine, OS, Browser, with your screen resolution), but may look wrong for others. That's why you can't create pages like that: you have to make sure that the HTML markup is correct. This is the only way to make your site look as expected on most platforms. Basic webdesign rule, nothing Coppermine-specific.

Quote from: markvicious on June 27, 2007, 08:11:53 AMWhatever I did I made a bigger gap between the "album list::top rated" and the actual gallery, so now I need to figure out how to close that space.

We have a strict "one question per thread" policy that you agreed to respect when signing up. Marking thread as "solved". Locking it to avoid further thread drift.

coppermine-gallery.com/forum

News:

Gallery Header

markvicious

Joachim Müller

Hein Traag

markvicious

Joachim Müller

markvicious

Joachim Müller

markvicious

markvicious

markvicious

Sami

markvicious

Joachim Müller