Removing border line

[HCP]

I am making a "phpBB" sort of theme for my gallery. I have upgraded to the latest version 1.4.8.

My gallery URL is
http://www.hermitcrabparadise.com/photos/

I've been editting theme.php, but I don't know how to remove the borderline that goes around the albums (not the one around the whole thing, that's the one I want to keep). What do I need to edit? I've looked around but I'm clueless.

You can have a look at my forum to see what I'm trying to change.
http://www.hermitcrabparadise.com/forums/

By the way, I really like the new theme.php editting system! Very handy indeed!

[Gizmo]

Your borders are controlled by the ".maintable" property in your style.css sheet. As you may already know, if you remove the border property, you lose all the borders so what you need to do is create a new mainblock property and use that to create a border around the whole page and then remove the border from ".maintable" property.

So, in your style.css sheet change

Code Select Expand

.maintable {
        border: 2px solid #006699;
        background-color: #DAECFA;
        margin-top: 1px;
        margin-bottom: 1px;
}

to this

Code Select Expand

.maintable {
        background-color: #DAECFA;
        margin-top: 1px;
        margin-bottom: 1px;
}

and create a new property called .mainblock

Code Select Expand


.mainblock {
        border: 2px solid #006699;
}


Now depending on your template, find the first instance of ".maintable" and replace it with ".mainblock". You can then edit this new property to suit your needs for margins, color or whatever.

If you are still having problems, zip up your theme and attach it.

Cheers,

Billy

PS. Check out the tools at the bottom of this Sticky - http://forum.coppermine-gallery.net/index.php?topic=24056.0. They'll help you pinpoint what to change in your theme to get the desired results.

[HCP]

I think the borderline around the gallery (I want to keep) and the one around the albums (I want to remove) share the same part of code:

From theme.php:

Code Select Expand

<!-- Start standard table -->
<table align="center" width="$width" cellspacing="1" cellpadding="0" class="maintable">

EOT;
    if ($title) {
        echo <<<EOT
        <tr>
                <td class="tableh1" colspan="$title_colspan">$title</td>
        </tr>

EOT;
    }
}

function endtable()
{
    echo <<<EOT
</table>
<!-- End standard table -->

From View Source of my gallery:

Code Select Expand

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

        <tr>
                <td class="tableh1" align="center" width="80%"><b>&nbsp;Category&nbsp;</b></td>
                <td class="tableh1" align="center" width="10%"><b>&nbsp;Albums&nbsp;</b></td>
                <td class="tableh1" align="center" width="10%"><b>&nbsp;Files&nbsp;</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=2">Accessories</a></b></span></td></tr></table></td>
                <td class="catrowpic" align="right" colspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td class="tableb" colspan="3">
<!-- Start standard table -->
<table align="center" width="100%" cellspacing="1" cellpadding="0" class="maintable">

        <tr>

        <td width="100%" valign="top">
        <table width="100%" cellspacing="0" cellpadding="0">
        <tr>
                <td colspan="3">
                        <img src="images/spacer.gif" width="1" height="1" border="0" alt="" /><br />
                </td>
        </tr>
        <tr>
                <td align="center" valign="middle" class="thumbnails">
                        <img src="images/spacer.gif" width="52" height="1" class="image" style="margin-top: 0px; margin-bottom: 0px; border: none;" alt="" /><br />
                        <a href="thumbnails.php?album=1" class="albums"><img src="images/thumb_nopic.jpg" width="50" height="38" class="image" border="0" alt="" /><br /></a>
                </td>
                <td>
                        <img src="images/spacer.gif" width="1" height="1" border="0" alt="" />
                </td>
                <td width="100%" valign="top" class="tableb_compact">
                       
                        <p><span class="alblink"><a href="thumbnails.php?album=1"><b>Decorations and Toys</b></a></span></p>
                        <p>Decorations such as hidey huts, climbing nets, plastic plants etc.</p>
                        <p class="album_stat">0 files</p>
                </td>
        </tr>
        </table>
        </td>

        </tr>

The code below is shared between the two borders:

Code Select Expand

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

        <tr>

So if I alter the code for one, it will alter the other.

Also, I can't seem to be able to change the scrollbar colours by editting the CSS stylesheet. Is it ignoring or has disabled scrollbar colours?

[Gizmo]

I know for a fact that the borders around the central table and the albums use the same code. That's why I said you would need to create a new property in your style.css and assign this to the central table so that you can control the borders separate from the albums. Copying snippets of code doesn't do me much good so if you don't understand what I'm trying to tell you, please zip up your theme and attach it.

To answer your scrollbar question, make another post as there is a one question per post rule in this forum. You agreed to this when you signed up. Do a search on scrollbars as this has been answered several times and even within the last few weeks but this only works for IE and not Firefox.

Gizmo

[Gizmo]

OK, try this.

In your template.html, replace this code in place of what you have for the table surrounding the {GALLERY} tag

Code Select Expand


      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="mainblock">
        <tr>
          <td align="center" valign="top"><br />{GALLERY}</td>
        </tr>
      </table>


Copy this into your style.css sheet

Code Select Expand


.mainblock {
        margin-top:5px;
        margin-bottom:5px;
        background: transparent;
        color: white;
        padding: 0.5em;
        border: 1px #006699 solid;
}


In your style.css, change this

Code Select Expand

.maintable {
        border: 2px solid #006699;
        background-color: #DAECFA;
        margin-top: 1px;
        margin-bottom: 1px;
}

to this to remove the borders around the albums

Code Select Expand

.maintable {
        background-color: #DAECFA;
        margin-top: 1px;
        margin-bottom: 1px;
}

Like I said above, if this isn't working for you, you'll need to attach your theme.

Gizmo