Home› General support

CSS conflict

bicyclesofojai Member
in General support
I have a Wordpress 2.04 site using the Tarski template and have successfully embedded Zenphoto by following advice found at the Wordpress forums. Before I go live with the photo gallery, I have one glaring issue to resolve - the height of the horizontal header menu grows when viewing the gallery page.

Main site: http://www.bicyclesofojai.com
Gallery page: http://www.bicyclesofojai.com/zenphoto

I have some experience with CSS, but cannot figure out what CSS element or class is causing the conflict. I am hoping someone with a better knowledge of CSS can examine the site and assist me in identifying what needs to be corrected so the horizontal menu is a consistent height.

If it's helpful, I've pasted the modified Zenphoto template here:

http://wordpress.pastebin.ca/289472

If I've forgotten anything, please forgive me as I'm still a bit new at this, and do give me a heads-up regarding what's needed.

Thank you, Dave

Comments

  • trisweb Administrator
    Ojai! My hometown! That's where most of zenphoto was originally programmed in fact, when I was home over the summer!

    This was an amazing example to work through in Firebug -- http://www.getfirebug.com/ -- Go download it right now, it will become your new favorite program in the world.

    So, for you, I believe the BODY entry in zen.css should look like:

    `body {

    font-size:76%;

    line-height:100%;

    }`

    With nothing else in it. That's what's working for me. The conflict was with the font size, the font, and the line height. With most of those entries removed, and line-height set at 100% for no compounding, it looks exactly the same.

    Back to Firebug, I was able to basically open both pages in tabs, pop open Firebug for each page (in a bar below the page for each tab), "Inspect" both navigation bars by clicking on them, then look at exactly what CSS rules were applying to each DIV and what was overridden by which other rule. Then, in that very same list, I could edit each value or disable rules in real time and see the results. Very very slick. I definitely recommend it.

    You have a very nice site! Thanks for using Zenphoto :-)
  • bicyclesofojai Member
    [em]Ojai! My hometown![/em]
    Trisweb, how cool is that!! Here I am thinking the answer will come from the far side of the world, and literally right in front of my nose. I'm at work (Ojai Valley Inn & Spa) right now so can't try your solution, but will do first thing when I get home.

    Thanks for the tip about Firebug - I'd looked at that extension a while ago, but for some reason decided I didn't need it. Looks like I was wrong.

    We'll have to exchange a bit more info later about the Ojai thing... been here nearly all my life, and my mother too. Wouldn't wanna live anywhere else, except for the cost of housing.
Sign In or Register to comment.