Stopdesign image description problem

wilddoc

I have the latest version of Zenphoto. When I look at my images while logged in as administrator, the image's description is under the image name and everything looks fine. When I log out, the description is centered and over the photo!

Any ideas on how to fix it?

www.natashajapp.com

Mac OSX, Firefox.

Imlah

I have the same problem. I keep trying the new nightly builds but the problem persists so I have to continually go back to an earlier version.

jasetaro

I can confirm the problem as well. I don't normally use the Stopdesign theme but I took a look after I read you post.

Unfortunately, I'm have my own problems with page rendering ZP 1.2.2 (see here: http://www.zenphoto.org/support/topic.php?id=4429#post-26196) I hope they get things sorted out soon.

wilddoc

I spent a lot of time looking over the code, and I don't get why it behaves like that... Hope someone looks at the problem, because I can't fix it myself!

sbillard

If you do go back to a version that works, let us know what version it is. This looks like a CSS issue, but I am not sure what. This is a very fragile theme.

wilddoc

Ok, after a few cups of coffee and some cussing, it seems like I fixed the problem!

Changed the photos.css file:

Under Description, I added:

#desc sml {
max-width:30em;
margin:0;
padding:10px 15px 5px 265px;
border-width:0;
font:100% Verdana,Sans-serif;
line-height:1.6em;
letter-spacing:0;
text-transform:none;
text-align:left;
}

Then I changed the style for the description at image.php file, line 35:
<sml><?php printImageDesc(true); ?></sml>

Seems to work for now. If someone comes up with another solution I'd love to know!

sbillard

This is not really working for me.

wilddoc

It works for me, the image's name & description are aligned, as it should be. All I did was apply a new style to the image description in the image.php file.

CMNYC

I was going to say that I never had a problem with stopdesign... but then I realized I don't have any descriptions, only the image name (which defaults to the filename).

Imlah

Version 1.2 is working fine with the descriptions being in the proper place. But none of the nightly builds since then that I've tried work. The first line of a description is properly to the right of the picture under the Photo ID, but other lines of descriptions are in the middle of the image.

sbillard

Probably need to make a ticket on this problem. Does version 1.2.1 work? How about 1.2.2?

Imlah

I've tried both 1.2.1 and 1.2.2 but neither work correctly. The image title is in the correct position but the description is to the left in the middle of the image.

fretzl

Try this in "photo.css":

Look for
#desc {
position:absolute;
top:170px;
right:0;
width:50%;
text-align:left;
and add
`text-indent: 265px;`
}

Look for
#desc h1 {
background:url("../images/divider_r.gif") no-repeat 265px 0;
max-width:30em;
margin:0;
padding:10px 15px 5px 265px;
border-width:0;
font:bold 100% Verdana,Sans-serif;
line-height:1.6em;
letter-spacing:0;
text-transform:none;
text-align:left;
and add
`text-indent: 0px;`
}

fretzl

Sorry, forget my post.
I didn't check what happens with more than one line
and what happens if you are logged in :-(
I'll keep on looking

fretzl

OK, I started over again.

In image.php add a <div>

<div id="desc" style="z-index: 100">
<?php if (!checkForPassword(true)) { ?>
<h1><?php printImageTitle(true); ?></h1>
`

`<?php printImageDesc(true); ?>`

`
<?php } ?>
</div>

then in photo.css add

`
#anything {
margin-left: 265px;
white-space: nowrap;
}
`
and comment the line in

#desc #imageDesc {
`/*margin-left:265px; */`
}

Tested in IE7 and FF 3.0.3 Windows

sbillard

This last one works for me. I will add it to the SVN. Thanks.

Imlah

I just tried the fix above. The title and the first line of the description is properly in place but the remaining lines of description are still in the center of the photo.

Imlah

Does it matter where in photo.css I put the "anything" script? I placed it just after the line that I commented.

fretzl

No, it doesn't matter. As long as you don't use the same id somewhere else in the CSS files.

mapi

Works for me on , same FF 3.0.5 and IE7 Windows
- thanks fretzl !

Imlah

Just wondering if fretzl and mapi tried more than one line in the description, because when I tried the above fix, the title was correct and the first line of the description was correct but subsequent lines were in the middle of the photo.

fretzl

Yes I did. And it still works.
Maybe you can post the pieces of PHP and CSS code you are using so I can have a look.

Imlah

In image.php I entered:

<div id="desc" style="z-index: 100">
<?php if (!checkForPassword(true)) { ?>
<h1><?php printImageTitle(true); ?></h1>
<div id="anything"><?php printImageDesc(true); ?></div>
<?php } ?>
</div>

In photo.css I added:

#desc #imageDesc {
/* margin-left:265px; */
}
#anything {
margin-left: 265px;
white-space: nowrap;
}

fretzl

Thanks. I can't find anything wrong but I also can't reproduce it.

Just a guess, try this:

#anything {
margin-left: 265px;
white-space: nowrap;
`display: block;`
}

Imlah

Hey fretzl, your suggested coding fix works perfectly. I've tried it with IE7 and Firefox 3.0.3.

Thanks for the help.

imlah

SimonLong

Is the following CSS necessary at all? I've been bothered on Firefox 3.0.8 and Safari 4b by multi-line descriptions forcing an increase in the width of the page.

white-space: nowrap;

Does the removal of this line break the layout in some version of IE?

fretzl

Can't even remember why it's there.
Just remove it