How to center my Gallery? How to center my Gallery?
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

How to center my Gallery?

Started by Josh Lewis, October 14, 2008, 03:19:33 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

Josh Lewis

October 14, 2008, 03:19:33 AM
I wanted to know if there is a way to center my gallery? I know that site/themes/template(the one your using)/template.html is the place were you can edit your template..... but were do I put my <center></center> at to center my gallery? Here it is http://www.cascadehikers.com/photo/ but I want the entire template centered.... I tried putting <center></center> in certains spots, but it did'nt do the trick. Is there some other place I'm supposed to mod up? Or am I putting it in the wrong spot?

Joachim Müller

#1
October 14, 2008, 07:46:22 AM Last Edit: October 15, 2008, 07:35:54 AM by Joachim Müller
The HTML tag <center> is deprecated - you shouldn't use it, but use CSS instead.
Your header exists twice with a load of irrelevant links to external stylesheets and you have added a lot of div tags, which probably is very confusing for the browser.
The CSS class you need to take care of is mailncolumn_full, which has no properties assigned to it.

Josh Lewis

#2
October 15, 2008, 03:43:03 AM Last Edit: October 15, 2008, 07:37:07 AM by Joachim Müller
Quote from: Joachim Müller on October 14, 2008, 07:46:22 AM
The HTML tag <center> is deprectaed - you shouldn't use it, but use CSS instead.
Your header exists twice with a load of irrelevant links to external stylesheets and you have added a lot of div tags, which probably is very confusing for the browser.
The CSS class you need to take care of is mailncolumn_full, which has no properties assigned to it.
I want to get rid of the original menu.... I lan on fixing u the other one by manually making them images that look like a topheader, and using a table to have them exactly in the same row. I used a bridge component with Joomla, which worked, but a few minor errors, which I believe are fixable. The only ones now are the centering of the template, getting rid of the original top menu, and fixing u the one I have... the gallery is'nt the main site because I plan on having content, forums and of coarse the gallery.
Here's my template.html:
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" xml:lang="en" lang="en" dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/classic/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
  SVN version info:
  Coppermine version: 1.4.19
  $Revision: 4392 $
  $LastChangedBy: gaugau $
  $Date: 2008-04-16 09:25:35 +0200 (Mi, 16 Apr 2008) $
-->
</head>
<body>
  {CUSTOM_HEADER}
  <table width="100%" border="0" cellpadding="20" cellspacing="20">
    <tr>
      <td valign="top" style="border: 1px solid #666666;background-color:#FFFFFF;">
        <center><table width="100%" border="0" cellspacing="0" cellpadding="0"></center>
          <tr>
            <td>
              <a href="index.php"><img src="themes/classic/images/site_logo.png" border="0" alt="" /></a><br />
            </td>
            <td width="100%" align="center">
              <h1>{GAL_NAME}</h1>
              <h3>{GAL_DESCRIPTION}</h3><br />
              {SYS_MENU} <br /> {SUB_MENU}
            </td>
          </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top">
              {LANGUAGE_SELECT_FLAGS}
            </td>
          </tr>
          <tr>
            <td align="center" valign="top">
              {THEME_SELECT_LIST}
              {LANGUAGE_SELECT_LIST}
            </td>
          </tr>
        </table>
        <img src="images/spacer.gif" width="1" height="15" alt="" />
        <br />
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td align="left" valign="top">
              {ADMIN_MENU}
              {GALLERY}
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <p></P> {CUSTOM_FOOTER}{VANITY}
</body>
</html>

Also here's my css:
Code Select
/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.9
  $Source$
  $Revision: 3197 $
  $Author: gaugau $
  $Date: 2006-08-01 22:30:09 +0200 (Di, 01 Aug 2006) $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex D1D7DC = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex EFEFEF = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 0033CC = RBG   0,  91, 104 = medium blue
   Hex 0E72A4 = RBG  14, 114, 164 = light blue
*/


body .mainCell  {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background : #CCCCCC;
        color : Black;
        margin: 0px;
}

.mainCell table {
        font-size: 12px;
}

.mainCell h1 {
        font-weight: bold;
        font-size: 22px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height : 120%;
        color : #000000;
        margin: 2px;
}

.mainCell h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin: 0px;
}

.mainCell h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
}

.mainCell p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        margin: 2px 0px;
}

.mainCell ul {
        margin-left: 5px;
        padding: 0px;
}

.mainCell li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.mainCell .textinput {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #D1D7DC;
        padding-right: 3px;
        padding-left: 3px;
}

.mainCell .listbox {
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #D1D7DC;
        vertical-align : middle;
}

.mainCell .button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.mainCell .comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.mainCell .radio {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.mainCell .checkbox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.mainCell a {
        color: #0033CC;
        text-decoration: none;
}

.mainCell a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.mainCell .bblink a {
        color: #0033CC;
        text-decoration: none;
}

.mainCell .bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.mainCell .maintable {
        border: 1px solid #0E72A4;
/*        background-color: #FFFFFF;*/
        background-color: #efefef;
        margin-top: 1px;
        margin-bottom: 1px;
}

.mainCell .tableh1 {
        background : #0E72A4 ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.mainCell .tableh1_compact {
        background : #0E72A4 ;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.mainCell .tableh2 {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.mainCell .tableh2_compact {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.mainCell .tableb {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.mainCell .tableb_compact {
        background: #EFEFEF ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.mainCell .tablef {
        background: #D1D7DC;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.mainCell .catrow_noalb {
        background: #D1D7DC ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.mainCell .catrow {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.mainCell .album_stat {
        font-size: 85%;
        margin: 5px 0px;
}

.mainCell .thumb_filename {
        font-size: 80%;
        display: block;
}

.mainCell .thumb_title {
        font-weight : bold;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.mainCell .thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.mainCell .thumb_caption a {
        text-decoration: underline;
        color: #000000;
}

.mainCell .thumb_num_comments {
        font-weight: normal;
        font-size: 80%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.mainCell .user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.mainCell .user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.mainCell .user_thumb_infobox td {
        font-size: 80%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.mainCell .user_thumb_infobox a {
        text-decoration: none;
        color: #000000;
}

.mainCell .user_thumb_infobox a:hover {
        color: #000000;
        text-decoration: underline;
}

.mainCell .sortorder_cell {
        background : #0E72A4 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
}

.mainCell .sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #0E72A4 ;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.mainCell .navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        font-size: 100%;
        font-weight: bold;
        background : #0E72A4 ;
        border-style: none;
}

.mainCell .navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.mainCell .navmenu a {
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #FFFFFF;
}

.mainCell .navmenu a:hover {
        background : #EFEFEF ;
        text-decoration: none;
        color:         #000000;
}

.mainCell .admin_menu_thumb {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.mainCell .admin_menu_thumb a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}

.mainCell .admin_menu_thumb a:hover {
        color: #000000;
        text-decoration: underline;
}

.mainCell .admin_menu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color:#EFEFEF;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:1px;
        padding-right:1px;
        text-align: center;
}

.mainCell .admin_menu a {
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.mainCell .admin_menu a:hover {
        color: #000000;
        text-decoration: underline;
}

.mainCell td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.mainCell .comment_date {
        color : #5F5F5F;
        font-size : 90%;
        vertical-align : middle;
}

.mainCell .image {
        border-style: solid;
        border-width:1px;
        border-color: #000000;
        margin: 2px;
}

.mainCell .imageborder {
        border: 1px solid #000000;
        background-color: #FFFFFF;
        margin-top: 30px;
        margin-bottom: 30px;
}

.mainCell .display_media {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.mainCell .thumbnails {
        background: #EFEFEF ;
        padding: 5px;
}

.mainCell .footer {
        font-size : 9px;
}

.mainCell .footer a {
        text-decoration: none;
        color: #000000;
}

.mainCell .footer a:hover {
        color: #000000;
        text-decoration: underline;
}

.mainCell .statlink {
        color: #FFFFFF;
}

.mainCell .statlink a {
        text-decoration: none;
        color: #FFFFFF;
}

.mainCell .statlink a:hover {
        color: #FFFFFF;
        text-decoration: underline;
}

.mainCell .alblink a {
        text-decoration: underline;
        color: #000000;
}

.mainCell .alblink a:hover {
        color: #000000;
        text-decoration: underline;
}

.mainCell .catlink {
        display: block;
        margin-bottom: 2px;
}

.mainCell .catlink a {
        text-decoration: underline;
        color: #000000;
}

.mainCell .catlink a:hover {
        color: #000000;
        text-decoration: underline;
}

.mainCell .topmenu {
        line-height : 130%;
        font-size: 100%;
}

.mainCell .topmenu a {
        color : #0033CC;
        text-decoration : none;
}

.mainCell .topmenu a:hover {
        color : #0033CC;
        text-decoration : underline;
}

.mainCell .img_caption_table {
        border: none;
        background-color: #FFFFFF;
        width : 100%;
        margin : 0px;
}

.mainCell .img_caption_table th {
        background: #D1D7DC ;
        font-size: 100%;
        color : #000000;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
}

.mainCell .img_caption_table td {
        background: #EFEFEF ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #FFFFFF;
        white-space: normal;
}

.mainCell .debug_text {
        border: #BDBEBD;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;
}

.mainCell .clickable_option {
        cursor : default;
}

.mainCell .listbox_lang {
        color: #000000;
        background-color: #D1D7DC;
        border: 1px solid #D1D7DC;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;

}

.mainCell #vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 3px 20px;
}

.mainCell #vanity img {border:0}

.mainCell #v_php {float:left;background-image:url(../../images/powered-php.gif);}

.mainCell #v_php:hover {background-image:url(../../images/h_powered-php.gif);}

.mainCell #v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}

.mainCell #v_mysql:hover {background-image:url(../../images/h_powered-mysql.gif);}

.mainCell #v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}

.mainCell #v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}

.mainCell #v_css {float:right;background-image:url(../../images/valid-css.gif);}

.mainCell #v_css:hover {background-image:url(../../images/h_valid-css.gif);}

Do you know were I edit the css to center it?

Joachim Müller

#3
October 15, 2008, 07:50:06 AM
Please use the bbcode tag [ c o d e ] in the future to make your postings more readable. I edited your posting accordingly, although there was no need to post it - we could have accessed those files easily if needed. You appear to be doing one of the following things:
  • You're using coppermine's custom header function in an improper manner, including not only regular HTML tags, but header information. You can't do that
  • You're using one of the unsupported mods (like Mehdi's Joomla bridge) that attempts to visually integrate Coppermine into the layout of your Joomla driven site. You can only do that if you know what you're doing

The output of your page is looking very cluttered:
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" xml:lang="en-gb" lang="en-gb" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="cascade, hikers, mountains, hikes" />
  <meta name="description" content="Cascade Hikers -A Friendly Hiking Community" />
  <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
 
  <link href="/cpg/templates/rhuk_milkyway/favicon.ico" rel="shortcut icon" type="image/x-icon" />


<meta name="verify-v1" content="jTeSnbCKvZrKmfasqDoisIMdkKE/Au9bZcnM/j6Vn28=" />

<link rel="stylesheet" href="/cpg/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/rhuk_milkyway/css/blue.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/rhuk_milkyway/css/white_bg.css" type="text/css" />
<!--[if lte IE 6]>
<link href="/cpg/templates/rhuk_milkyway/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->




<!-- +++++++++++++++++++ Script head +++++++++++++++++++ -->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<title>Cascade Hikers Photos - Home</title>

<link rel="stylesheet" href="themes/classic/style2.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<!--
  SVN version info:
  Coppermine version: 1.4.19
  $Revision: 4392 $
  $LastChangedBy: gaugau $
  $Date: 2008-04-16 09:25:35 +0200 (Mi, 16 Apr 2008) $
-->

</head>
<body id="page_bg" class="color_blue bg_white width_fmax">
<a name="up" id="up"></a>
<div class="center" align="center">
<table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><span class="mainlevel"> </span><a href="http://www.cascadehikers.com/index.php?option=com_comprofiler&amp;task=registers" class="mainlevel">Register</a><span class="mainlevel">  </span><a href="/cpg/index.php?option=com_content&amp;view=article&amp;id=48&amp;Itemid=67" class="mainlevel">Login</a><span class="mainlevel">  </span></td></tr></table>
</div>

<center><table border="0"><tbody><tr><td></td><td><a href="http://www.cascadehikers.com/"><img class="" src="http://www.cascadehikers.com/logo.jpg" alt="" /></td></tr></tbody></table></center>

</div>

<table cellpadding="0" cellspacing="0" class="pill">
<tr>
<td class="pill_l">&nbsp;</td>
<td class="pill_m">
<div id="pillmenu">

</div>
</td>
<td class="pill_r">

</tr>
</table>
</div>
</div>
</div>


</div> <div id="pathway">

</div>

<div class="clr"></div>

<div id="whitebox">

<div id="whitebox_t">
<div id="whitebox_tl">
<div id="whitebox_tr"></div>

</div>
</div>

<div id="whitebox_m">
<div id="area">



<div id="leftcolumn">
</div>


<div id="maincolumn_full">

<table class="nopad">
<tr valign="top">
<td>

<!-- +++++++++++++++++++ coppermine begin +++++++++++++++++++ -->
<table cellpadding="0" cellspacing="0" border="0" class="contentpaneopen">

  <tr>
      <td class="mainCell" >
  <center><p><a href="http://www.cascadehikers.com/"><img class="font-weight" src="http://www.cascadehikers.com/images/home.jpg" alt="" /><a href="http://www.cascadehikers.com/photo"><img class="font-weight" src="http://www.cascadehikers.com/images/photos.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_content&view=category&id=1&Itemid=53"><img class="font-weight" src="http://www.cascadehikers.com/images/cascadeadventures.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_content&view=category&id=25&Itemid=54"><img class="font-weight" src="http://www.cascadehikers.com/images/hikes.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_content&view=category&id=27&Itemid=55"><img class="font-weight" src="http://www.cascadehikers.com/images/mountains.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_content&view=category&id=3&Itemid=56"><img class="font-weight" src="http://www.cascadehikers.com/images/valleys.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_content&view=category&id=28&Itemid=57"><img class="font-weight" src="http://www.cascadehikers.com/images/glaciers.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_content&view=article&id=48&Itemid=58"><img class="font-weight" src="http://www.cascadehikers.com/images/recent.jpg" alt="" /><a href="http://www.cascadehikers.com/index.php?option=com_comprofiler&task=usersList&Itemid=59"><img class="font-weight" src="http://www.cascadehikers.com/images/members.jpg" alt="" /><a href="http://cascadehikers.com/index.php?option=com_search&view=search&Itemid=61"><img class="font-weight" src="http://www.cascadehikers.com/images/search.jpg" alt="" /></p></center>
 
  <table width="100%" border="0" cellpadding="20" cellspacing="20">
    <tr>
      <td valign="top" style="border: 1px solid #666666;background-color:#FFFFFF;">
        <center><table width="100%" border="0" cellspacing="0" cellpadding="0"></center>
          <tr>
            <td>

              <a href="index.php"><img src="themes/classic/images/site_logo.png" border="0" alt="" /></a><br />
            </td>
            <td width="100%" align="center">
              <h1>Cascade Hikers Photos</h1>
              <h3></h3><br />
                          <!-- BEGIN home -->
        <a href="index.php" title="Go to the home page">Home</a> ::
  <!-- END home -->            <!-- BEGIN upload_pic -->

        <a href="upload.php" title="Upload a file into an album">Upload file</a> ::
  <!-- END upload_pic -->    <!-- BEGIN faq -->
        <a href="faq.php" title="Frequently Asked Questions on the picture gallery &quot;Coppermine&quot;">FAQ</a> ::
  <!-- END faq -->  <!-- BEGIN login -->
        <a href="login.php?referer=index.php%3Flang%3Denglish" title="Log me in">Login</a>
  <!-- END login -->   <br />               <!-- BEGIN album_list -->

        <a href="index.php?cat=0" title="Go to the album list">Album list</a> ::
  <!-- END album_list -->  <!-- BEGIN lastup -->
        <a href="thumbnails.php?album=lastup&amp;cat=0" title="Show most recent uploads">Last uploads</a> ::
  <!-- END lastup -->  <!-- BEGIN lastcom -->
        <a href="thumbnails.php?album=lastcom&amp;cat=0" title="Show most recent comments">Last comments</a> ::
  <!-- END lastcom -->  <!-- BEGIN topn -->

        <a href="thumbnails.php?album=topn&amp;cat=0" title="Show most viewed items">Most viewed</a> ::
  <!-- END topn -->  <!-- BEGIN toprated -->
        <a href="thumbnails.php?album=toprated&amp;cat=0" title="Show top rated items">Top rated</a> ::
  <!-- END toprated -->  <!-- BEGIN favpics -->
        <a href="thumbnails.php?album=favpics" title="Go to my favorites">My Favorites</a> ::
  <!-- END favpics -->  <!-- BEGIN search -->

        <a href="search.php" title="Search the gallery">Search</a>
  <!-- END search -->
            </td>
          </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top">
             
            </td>

          </tr>
          <tr>
            <td align="center" valign="top">
             
             
            </td>
          </tr>
        </table>
        <img src="images/spacer.gif" width="1" height="15" alt="" />
        <br />
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">

          <tr>
            <td align="left" valign="top">
             
             
<!-- Start standard table -->
<table align="center" width="100%" cellspacing="1" cellpadding="0" class="maintable">

        <tr>
                <td class="tableh1" width="80%" align="left"><b>Category</b></td>
                <td class="tableh1" width="10%" align="center"><b>Albums</b></td>
                <td class="tableh1" width="10%" align="center"><b>Files</b></td>

        </tr>

        <tr>
                <td class="catrow" align="left"><table border="0"><tr><td></td><td><span class="catlink"><b><a href="index.php?cat=1">User galleries</a></b></span>Galleries created by users.</td></tr></table></td>
                <td class="catrow" align="center">3</td>
                <td class="catrow" align="center">1</td>
        </tr>

        <tr>
            <td class="tableb" colspan="3"></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td align="left"><span class="catlink"><b><a href="index.php?cat=2">Washington Photos</a></b></span>Photos around Washington State</td></tr></table></td>
        </tr>

        <tr>

                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=5">Nature</a></b></span></td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow" align="left"><table border="0"><tr><td></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td><a href="index.php?cat=6"><img src="albums/userpics/10062/thumb_9555901.jpg" class="image" width="50" height="38" border="0" alt="" /></a></td><td><span class="catlink"><b><a href="index.php?cat=6">Mountains</a></b></span>Photos of Mountains in Washington.</td></tr></table></td>
                <td class="catrow" align="center">1</td>
                <td class="catrow" align="center">1</td>

        </tr>
        <tr>
            <td class="tableb" colspan="3"></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=7">Valleys</a></b></span>Valley Photos, these often are a set of mountains in the same photo.</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td align="left"><span class="catlink"><b><a href="index.php?cat=3">Oregon Photo&#39;s</a></b></span>Photos from all around Oregon State</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=10">Mountains</a></b></span>Photos of Mountains in Oregon.</td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=9">Nature</a></b></span></td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=11">Valleys</a></b></span>Valley Photos, these often are a set of mountains in the same photo.</td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td align="left"><span class="catlink"><b><a href="index.php?cat=4">California Photo&#39;s</a></b></span>Photos from the Cascade Part of California.... a few other ones from California that are not Cascade are also welcomed as well.</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=13">Nature</a></b></span></td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=14">Mountains</a></b></span>Photos of Mountains in California.</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=20">Valleys</a></b></span>Valley Photos, these often are a set of mountains in the same photo.</td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td align="left"><span class="catlink"><b><a href="index.php?cat=16">Canadian Photo&#39;s</a></b></span>Photos around the Cananian Cascades.</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=15">Nature</a></b></span></td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=12">Mountains</a></b></span>Photos of Mountains in Canada.</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=17">Valleys</a></b></span>Valley Photos, these often are a set of mountains in the same photo.</td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td align="left"><span class="catlink"><b><a href="index.php?cat=8">Scenery</a></b></span>Scenic Photos of the Cascades. In these albums, there is no defined state or mountain that the photo is taken.</td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=18">Sunsets and Sunrises</a></b></span></td></tr></table></td>

        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=19">Evenings and Early Mornings</a></b></span></td></tr></table></td>
        </tr>

        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left"></td><td><img src="images/spacer.gif" width="20" height="1" border="0" alt="" /></td><td></td><td align="left"><span class="catlink"><b><a href="index.php?cat=21">Night Photography</a></b></span></td></tr></table></td>
        </tr>

        <tr>
                <td colspan="3" class="tableh1" align="center"><span class="statlink"><b>2</b> files in <b>4</b> albums and <b>21</b> categories with <b>0</b> comments viewed <b>5</b> times</span></td>

        </tr>
</table>
<!-- End standard table -->

        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />

<!-- Start standard table -->
<table align="center" width="100%" cellspacing="1" cellpadding="0" class="maintable">
        <tr>
                <td class="tableh1" colspan="4">Random files</td>
        </tr>

        <tr>

        <td valign="top" class="thumbnails" width ="25%" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">
                                        <a href="displayimage.php?album=random&amp;cat=0&amp;pos=-3"><img src="albums/userpics/10070/thumb_Mountain_Heart%7E0.jpg" class="image" width="100" height="78" border="0" alt="Mountain_Heart~0.jpg" title="Filename=Mountain_Heart~0.jpg
Filesize=27KB
Dimensions=350x270
Date added=Oct 05, 2008"/><br /></a>
                                        <span class="thumb_title">Experimentation</span><span class="thumb_title">3 views</span>

                                       
                                </td>
                        </tr>
                </table>
        </td>

        <td valign="top" class="thumbnails" width ="25%" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">

                                        <a href="displayimage.php?album=random&amp;cat=0&amp;pos=-5"><img src="albums/userpics/10062/thumb_9555901.jpg" class="image" width="100" height="75" border="0" alt="9555901.jpg" title="Filename=9555901.jpg
Filesize=446KB
Dimensions=1280x960
Date added=Oct 13, 2008"/><br /></a>
                                        <span class="thumb_title">Sahale Evening</span><span class="thumb_title">2 views</span>
                                       
                                </td>
                        </tr>
                </table>
        </td>

                <td valign="top" class="thumbnails" align="center">&nbsp;</td>

                <td valign="top" class="thumbnails" align="center">&nbsp;</td>

        </tr>
</table>
<!-- End standard table -->

        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />

<!-- Start standard table -->
<table align="center" width="100%" cellspacing="1" cellpadding="0" class="maintable">
        <tr>
                <td class="tableh1" colspan="4">Last additions</td>

        </tr>

        <tr>

        <td valign="top" class="thumbnails" width ="25%" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">
                                        <a href="displayimage.php?album=lastup&amp;cat=0&amp;pos=0"><img src="albums/userpics/10062/thumb_9555901.jpg" class="image" width="100" height="75" border="0" alt="9555901.jpg" title="Filename=9555901.jpg
Filesize=446KB
Dimensions=1280x960
Date added=Oct 13, 2008"/><br /></a>
                                        <span class="thumb_title">Sahale Evening</span><span class="thumb_title">2 views</span><span class="thumb_caption">Oct 13, 2008</span>

                                       
                                </td>
                        </tr>
                </table>
        </td>

        <td valign="top" class="thumbnails" width ="25%" align="center">
                <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                                <td align="center">

                                        <a href="displayimage.php?album=lastup&amp;cat=0&amp;pos=1"><img src="albums/userpics/10070/thumb_Mountain_Heart%7E0.jpg" class="image" width="100" height="78" border="0" alt="Mountain_Heart~0.jpg" title="Filename=Mountain_Heart~0.jpg
Filesize=27KB
Dimensions=350x270
Date added=Oct 05, 2008"/><br /></a>
                                        <span class="thumb_title">Experimentation</span><span class="thumb_title">3 views</span><span class="thumb_caption">Oct 05, 2008</span>
                                       
                                </td>
                        </tr>
                </table>
        </td>

                <td valign="top" class="thumbnails" align="center">&nbsp;</td>

                <td valign="top" class="thumbnails" align="center">&nbsp;</td>

        </tr>
</table>
<!-- End standard table -->

        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />
<div class="footer" align="center" style="padding-top: 10px;">Powered by <a href="http://coppermine-gallery.net/" title="Coppermine Photo Gallery" rel="external">Coppermine Photo Gallery</a></div>
            </td>
          </tr>

        </table>
      </td>
    </tr>
  </table>
  <p></P>
       
    </td>
   </tr>
   <tr>
    <td style="padding:5px;">   
    <a href="http://www.mehdiplugins.com/misc/"  style="text-decoration:none; color:#666666; font-size:9px; background:none transparent;">

    Bridge by <b>mehdiplugins.com</b></a>   
    <td>
   </tr>
</table> 
<!-- +++++++++++++++++++ coppermine end +++++++++++++++++++ -->

</td>
</tr>
</table>

</div>

<div class="clr"></div>
</div>
<div class="clr"></div>
</div>

<div id="whitebox_b">
<div id="whitebox_bl">
<div id="whitebox_br"></div>
</div>

</div>
</div>

<div id="footerspacer"> </div>



  <div style="text-align: center; width: 99%; font-size: 12px; color: #727272; padding-top: 0px; border-top: dashed 1px #ddd;">"So Many Mountains, so little time!" -Bob Bolten</div>
  <div style="text-align: center; width: 99%; font-size: 12px; color: #727272; padding-top: 0px; border-top: dashed 1px #ddd;"></div>
<p><center><p>©2008 Cascade Hikers | <a href="http://cascadehikers.com/index.php?option=com_xmap&sitemap=1&Itemid=63">Site Map</a> | <a href="http://cascadehikers.com/index.php?option=com_content&view=article&id=70">About the Cascades</a> | <a href="http://cascadehikers.com/index.php?option=com_content&view=article&id=71">About Cascade Hikers</a> | <a href="http://cascadehikers.com/index.php?option=com_content&view=article&id=73">Contact Us</a> | Powered by <a href="http://www.joomla.org">Joomla</a></p></center></p>


</div>
</div>

<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=4045566;
var sc_invisible=1;
var sc_partition=47;
var sc_click_stat=1;
var sc_security="6e27e980";
var sc_text=2;
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><div class="statcounter"><a title="hit counter" href="http://www.statcounter.com/" target="_blank"><img class="statcounter" src="http://c.statcounter.com/4045566/0/6e27e980/1/" alt="hit counter" ></a></div></noscript>
<!-- End of StatCounter Code -->

<!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=4045629;
var sc_invisible=1;
var sc_partition=47;
var sc_click_stat=1;
var sc_security="44c77b8b";
var sc_text=2;
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><div class="statcounter"><a title="free hit counter" href="http://www.statcounter.com/free_hit_counter.html" target="_blank"><img class="statcounter" src="http://c.statcounter.com/4045629/0/44c77b8b/1/" alt="free hit counter" ></a></div></noscript>

<!-- End of StatCounter Code -->

<!--Coppermine Photo Gallery 1.4.19 (stable)-->
</body>
</html>The code improved though compared to when I looked in the first place - you appear to have been working on it.

Quote from: Josh Lewis on October 15, 2008, 03:43:03 AM
Do you know were I edit the css to center it?
I already told you: the div container with the id maincolumn_full is the container that you wrapped around coppermine's output. It doesn't have any attributes assigned, so it doesn't actually do anything. Assign the CSS attributes you need to that container (using inline styling or by adding a corresponding section to one of the many external stylesheets that you use).

The entire section
Code Select
<link rel="stylesheet" href="/cpg/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/rhuk_milkyway/css/template.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/rhuk_milkyway/css/blue.css" type="text/css" />
<link rel="stylesheet" href="/cpg/templates/rhuk_milkyway/css/white_bg.css" type="text/css" />that shows up in your output is crap, as the files you refer to in those lines don't exist. Get rid of those lines or fix the paths.
Print
Go Up Pages1
User actions