FAQ page 'breaks' using Kubrick theme

[macsimoin]

I think I'm down to my last layout issue and then I can get my site up and running:

I'm using the Kubrick theme with the latest CPG (v1.4.6) and Stramm's latest ModPack and everything looks good except for the FAQ page.
I've been digging around trying to find where to fix the text-alignment problem I'm having (see pic below) but not having much luck:



Can someone please point me in the right direction? Thank you.

[Nibbler]

I can't view your pic - Error 403: Your request is forbidden.

Attach it to your post and provide a link to your gallery.

[macsimoin]

Nibbler,

Sorry about that...you should see it now. My CPG is : MacSimoin's Kilt Photos. Thanks.

[Nibbler]

I get the same error for your site, perhaps my IP range is blocked.

[macsimoin]

Hmm...checked permissions (all okay) and don't recall blocking any IPs/ranges for CPG. I've had several visitors from a similar site and no one's reporting any issues.
Any suggestions?

[Tranz]

Try deleting in http://www.macsimoin.com/coppermine/themes/kubrick/template.html:

Code Select Expand

<div align="center">
along with the last </div>

[macsimoin]

Although that works, it also shifts the entire body to the left; changing "center" to "left" has the same effect.

[macsimoin]

Should also mention that I attempted to create a new .css class for this and edit the faq.php but it didn't work...maybe my .css skills aren't sharp enough.

[Tranz]

I'm not sure... I noticed that it wasn't a problem in Firefox; the faq was already left-aligned. In IE, it was centered.

[macsimoin]

Yeah, I see the same thing with Firefox...but there's also that HUGE gap at the top of the page, too (in IE6 and Firefox). I can't seem to fix that, either. 

[Gizmo]

If the huge gap you're referring to is the space above the gallery name then you can decrease this by changing the value of the h1 padding properties.

Edit style.css find:

Code Select Expand


h1 {
        padding-top: 20px;
        margin: 0;
        }


edit

Code Select Expand


h1 {
        padding-top: 0px;
        margin: 0;
        }


[macsimoin]

Gizmo,

Thanks...but I've already tried that and changing the top padding has no affect whatsoever in IE6; however, it does 'fix' the issue w/Firefox, but not for every page. No matter what I set it to, the change doesn't apply to the FAQ page (using Firefox).

[macsimoin]

Gizmo,

Your template fix for my Config issue worked for my FAQ issue as well, but for some reason the text on the FAQ page (I think that's the problem) is stretching the site...not sure where to fix this. Any ideas?

[Joachim Müller]

Your FAQ page looks as expected to me both in IE6 as well as in FF1.5.x

[macsimoin]

GauGau,

As expected? I'm not sure what you're seeing but what you see isn't what I'm seeing...you can't see the header image being stretched out (and repeated) on the FAQ page?

I can see the problem in both IE and FireFox. 

[Gizmo]

I've also checked with FF and IE and your site looks great (very clean... I like that!). Have you cleared your cookies? Just to check, are you sure that you're looking at the latest uploads?

....................................

Hold the boat!!!! Yes... I do see on the bottom left logo that it's starts to repeat on the FAQ page. What I notice is the whole page is wider than the rest of the site. The table expands 46px more than the rest of the pages and I'd have to look to see why this is but for your logo issue, search your template.html and find "blue_middle.jpg" and set it to not repeat. The html for creating your header logo is complicated and I'd do away with it all and just make the header a single picture and put that into a singe table (or better yet use a <div>).

.................................

Just to check the Kubrick theme, I loaded it to my test gallery and yes, I get some strange page issues. I'll see if I can straighten it out and post a fix.

[macsimoin]

Thanks for the suggestions, Gizmo...

I was able to fix the break in the page by editing themes/kubrick/template.html and setting the widths (below) to the width of the header image:

                <img src="images/spacer.gif" width="790px" height="1" border="0" alt="" /><!-- determines the minimum width of the overall content -->
                <table border="0" cellspacing="0" cellpadding="0" width="790px">
                    <tr>
                        <td align="left" valign="top">
                            <img src="images/spacer.gif" width="535" height="1" border="0" alt="" /><!-- determines the minimum width of the gallery section -->
                            {GALLERY}
                        </td>

I can't believe I missed that...

Anyway, no more break but there's still that pesky gap at the top of the page...as I mentioned previously, changing the padding only worked in Firefox (but oddly enough, not for every page, i.e. the FAQ) but it didn't work in IE6 at all.

[macsimoin]

Gizmo,

Any luck with this? I'm still looking at it in both IE and Firefox...still can't seem to find what's causing the gap at the top.

[macsimoin]

Well, I think I found a simple fix for this but it seems to work: I'm no php expert but I couldn't figure out where the following code (from lang/english.php) was in faq.php:

Code Select Expand

if (defined('FAQ_PHP')) $lang_faq_php = array(
  faq' => 'Frequently Asked Questions',

I simply commented out this bit (below) and the gap is gone:

Code Select Expand

if (defined('FAQ_PHP')) $lang_faq_php = array(
  //'faq' => 'Frequently Asked Questions',

Now, it looks fine in both IE6 and Firefox. 

Case closed.