Zenpage sidebar menu misaligned

Am I the only one having this problem? This is the second install of Zenpage, both sites had issues with sidebar misaligning when viewing the full image. Here's a link: http://www.mlownie.com/gallery/index.php?album=retrospective&image=dream_of_flight.jpg

I have not done anything but install the plug-in. Any help is appreciated.

Comments

  • try to disable thickbox in the code and see what happens.
  • acrylian Administrator
    Worth a try, but that should not be the cause since I use it with the thickbox on my demo site, too: http://zenpage.maltem.de/zenpage-demo/album1/Cosmos09.jpg.php
  • Thanks for the reply. However, where specifically do you disable the thickbox? Also, on another post, lucian had brought to my attention that there was a </div> missing before the sidemenu and I thought I added it but the menu still aligns under the image (see link above). Although, the menu bar is now showing, the menu is still under the image.

    Here's a partial copy of the codes where I placed the extra </div> after the <div id="image":
    `




    <?php if (!checkForPassword()) { ?>
    <?php if(function_exists("printPagedThumbsNav")) { printPagedThumbsNav(6, FALSE, gettext('« prev thumbs'), gettext('next thumbs »'), 40, 40, 40, TRUE); } ?>



    <?php printImageDesc(true); ?>
    <?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>

    <?php
    if (getImageEXIFData()) {echo "<div id=\"exif_link\">".gettext("Image Info")."
    ";
    printImageMetadata('', false);
    }
    ?>
    <?php printTags('links', gettext('<strong>Tags:').' ', 'taglist', ''); ?>

    <?php if (function_exists('printImageMap')) printImageMap(); ?>

    <?php if (function_exists('printImageRating')) { printImageRating(); }?>

    <?php if (function_exists('printShutterfly')) printShutterfly(); ?>

    <?php if (getOption('Allow_comments')) { ?>

    `
    Here's the previous post where lucian mentioned it: http://www.zenphoto.org/support/topic.php?id=4072
  • ahh yeah.. put the </div> under all the stuff about comments. I remember I did that myself and got it to work that way.
  • Try this one.
    `
    <?php setThemeDomain("zenpage-default"); if (!defined('WEBPATH')) die(); $firstPageImages = normalizeColumns('2', '6');?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    <?php zenJavascript(); ?>
    <?php echo getBareGalleryTitle(); ?> | <?php echo getBareAlbumTitle();?> | <?php echo getBareImageTitle();?>

    /style.css" type="text/css" />

    /js/thickbox.css" type="text/css" />
    /js/thickbox.js" type="text/javascript">

    function toggleComments() {
    var commentDiv = document.getElementById("comments");
    if (commentDiv.style.display == "block") {
    commentDiv.style.display = "none";
    } else {
    commentDiv.style.display = "block";
    }
    }


    <?php printRSSHeaderLink('Gallery',gettext('Gallery RSS')); ?>













    <?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>





    <?php if (!checkForPassword()) { ?>
    <?php if(function_exists("printPagedThumbsNav")) { printPagedThumbsNav(6, FALSE, gettext('« prev thumbs'), gettext('next thumbs »'), 40, 40, 40, TRUE); } ?>



    <?php printImageDesc(true); ?>



    <?php
    if (getImageEXIFData()) {echo "<div id=\"exif_link\">".gettext("Image Info")."
    ";
    printImageMetadata('', false);
    }
    ?>

    <?php printTags('links', gettext('<strong>Tags:').' ', 'taglist', ''); ?>

    <?php if (function_exists('printImageMap')) printImageMap(NULL, "G_HYBRID_MAP", '640', '250', "Map", false, "googlemap" ); ?>


    <?php if (function_exists('printImageRating')) { printImageRating(); }?>

    <?php if (function_exists('printShutterfly')) printShutterfly(); ?>

    <?php if (getOption('Allow_comments')) { ?>


    <?php $num = getCommentCount(); echo ($num == 0) ? "" : ("<h3>".gettext("Comments")." ($num)
    "); ?>
    <?php while (next_comment()){ ?>


    <?php printCommentAuthorLink(); ?> <?php gettext("says:"); ?>


    <?php echo getCommentBody();?>


    <?php echo getCommentDate();?>
    ,
    <?php echo getCommentTime();?>
    <?php printEditCommentLink(gettext('Edit'), ' | ', ''); ?>


    <?php }; ?>

    <?php if (OpenedForComments()) { ?>

    <?php echo gettext("Add a comment:"); ?>




    <?php
    printCommentErrors();
    $stored = getCommentStored();
    ?> <?php if (getOption('Use_Captcha')) {
    $captchaCode=generateCaptcha($img); ?> <?php } ?>

    ( /> <?php echo gettext("don't publish"); ?>)
    " class="inputbox" />
    " class="inputbox" />
    " class="inputbox" />
    "/>
    /> <?php echo gettext("Private (don't publish)"); ?>
    <?php echo $stored['comment']; ?>


    " class="pushbutton" />




    <?php } else { echo gettext('Comments are closed.'); } ?>
    <?php } ?>

    <?php } ?>












    <?php printAdminToolbox(); ?>


    `
  • I am using it like this right now in some tests
    `
    <?php setThemeDomain("zenpage-default"); if (!defined('WEBPATH')) die(); $firstPageImages = normalizeColumns('2', '6');?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    <?php zenJavascript(); ?>
    <?php echo getBareGalleryTitle(); ?> | <?php echo getBareAlbumTitle();?> | <?php echo getBareImageTitle();?>

    /style.css" type="text/css" />

    <?php /*?>/js/thickbox.css" type="text/css" />
    /js/thickbox.js" type="text/javascript">

    function toggleComments() {
    var commentDiv = document.getElementById("comments");
    if (commentDiv.style.display == "block") {
    commentDiv.style.display = "none";
    } else {
    commentDiv.style.display = "block";
    }
    }
    <?php */?>

    <?php printRSSHeaderLink('Gallery',gettext('Gallery RSS')); ?>



    style="margin-top: 16px;"<?php */?>>









    <?php if (function_exists('printSlideShowLink')) printSlideShowLink(gettext('View Slideshow')); ?>





    <?php if (!checkForPassword()) { ?>
    <?php if(function_exists("printPagedThumbsNav")) { printPagedThumbsNav(6, FALSE, gettext('« prev thumbs'), gettext('next thumbs »'), 40, 40, 40, TRUE); } ?>


    <?php /*?> " class="thickbox" title="<?php echo getBareImageTitle();?>">
    <?php printCustomSizedImageMaxSpace(getBareImageTitle(),580,580); ?>
    <?php */?>

    <?php printCustomSizedImageMaxSpace(getBareImageTitle(),640,640); ?>




    <?php printImageDesc(true); ?>



    <?php /*?> <?php
    if (getImageEXIFData()) {echo "<div id=\"exif_link\">".gettext("Image Info")."
    ";
    printImageMetadata('', false);
    }
    ?><?php */?>

    <?php /*?> <?php printTags('links', gettext('<strong>Tags:').' ', 'taglist', ''); ?><?php */?>

    <?php if (function_exists('printImageMap')) printImageMap(NULL, "G_HYBRID_MAP", '640', '250', "Map", false, "googlemap" ); ?>


    <?php /*?> <?php if (function_exists('printImageRating')) { printImageRating(); }?>

    <?php if (function_exists('printShutterfly')) printShutterfly(); ?><?php */?>

    <?php /*?><?php if (getOption('Allow_comments')) { ?>


    <?php $num = getCommentCount(); echo ($num == 0) ? "" : ("<h3>".gettext("Comments")." ($num)
    "); ?>
    <?php while (next_comment()){ ?>


    <?php printCommentAuthorLink(); ?> <?php gettext("says:"); ?>


    <?php echo getCommentBody();?>


    <?php echo getCommentDate();?>
    ,
    <?php echo getCommentTime();?>
    <?php printEditCommentLink(gettext('Edit'), ' | ', ''); ?>


    <?php }; ?>

    <?php if (OpenedForComments()) { ?>

    <?php echo gettext("Add a comment:"); ?>




    <?php
    printCommentErrors();
    $stored = getCommentStored();
    ?> <?php if (getOption('Use_Captcha')) {
    $captchaCode=generateCaptcha($img); ?> <?php } ?>

    ( /> <?php echo gettext("don't publish"); ?>)
    " class="inputbox" />
    " class="inputbox" />
    " class="inputbox" />
    "/>
    /> <?php echo gettext("Private (don't publish)"); ?>
    <?php echo $stored['comment']; ?>


    " class="pushbutton" />




    <?php } else { echo gettext('Comments are closed.'); } ?>
    <?php } ?><?php */?>

    <?php } ?>












    <?php printAdminToolbox(); ?>


    `
  • acrylian Administrator
    I don't have IE and my fellow devs didn't report anything. So is the display error on my demo site, too? If so let me know. Thanks.
  • Acrylian - thanks for the zenpage. You did excellent work! To answer your question, I think yes it is on your demo site. All I did was upgrade to the latest Zenphoto and installed Zenpage. Everything (installation) went smoothly without errors. But when I looked at the image that's when I noticed the misalignment of the menu.

    I am on Firefox 3.0.3 on Mac OS Tiger, so I haven't looked at any Windows OS. But last I checked that both platforms had this problem. I'm surprised that no one else reported this. But according to what Olihar just said, others may have had it - it's just that it was an easier fix for them due to the greater knowledge they have of the codes.

    Olihar - thanks for the reply and the fix. I will look into it sometime today. By the way, I love what you did with your site (when I click on your name) That's exactly what I was looking for (the black/grey background). Is that done by Zenpage or did you just add the menu on the top yourself?

    Thanks again guys!

    P.S. - I still would like to know how to disable thickbox.
  • acrylian Administrator
    First, thanks for the nice words!

    Second, I have found the error. There is not a closing div missing but wrong nested so that it indeed gets losts if the comments are disabled. The fix is easy (of course I will svn it). Open image.php and look at line 141:
    `

    <?php } else { echo gettext('Comments are closed.'); } ?>
    <?php } ?>

    <?php } ?>
    `
    Change this to:
    `
    <?php } else { echo gettext('Comments are closed.'); } ?>
    <?php } ?>

    <?php } ?>

    `
    Now it should work as expected.

    To disable the thickbox, open also image.php and simply remove the `class="thickbox"` from the a href, also remove the thickbox.js and thickbox.css load from the head of the file.
  • ahh thats the reason my things where jumping around when playing with the comments, I did fix it almost the same way as you did. well then again I kind of had 1 to many </div> in the code.

    1 thing to note, the possibility to control if you want to have comments on or off in the settings for this theme, as long with some other settings as well like the default theme has.
Sign In or Register to comment.