Fixing button display issues in Showphoto.php

[nimzie]

For some strange reason, I'm getting a very peculiar display problem in my photopost gallery. Instead of the buttons lining up horizontally, they're lining up stacked on top of each other. I'm trying to change this to line up across the screen instead of on top of each other for obvious reasons. I am having a hard time navigating through the templates and styles to find this fix. Please advise. The gallery is found at www.ecmtb.com/gallery
Here's a pic for example:

[Chuck S]

There is nothing wrong in the html of our gallery

<td valign="middle" align="right">
<span class="normal"><span class="normal"><a href="http://www.ecmtb.com/gallery/showphoto.php?photo=6462&amp;sort=1&amp;size=medium&amp;cat=507&amp;page=1"><img border="0" src="http://www.ecmtb.com/gallery/images/previmg.gif" alt="Next image in category" /></a></span>&nbsp;<a href="http://www.ecmtb.com/gallery/slideshow.php?photo=11164&amp;password=&amp;sort=1&amp;cat=507"><img border="0" src="http://www.ecmtb.com/gallery/images/slideshow.gif" alt="Start a slideshow of images" /></a>&nbsp;<span class="normal"><a href="http://www.ecmtb.com/gallery/showphoto.php?photo=11169&amp;sort=1&amp;size=medium&amp;cat=507&amp;page=1"><img border="0" src="http://www.ecmtb.com/gallery/images/nextimg.gif" alt="Next image in category" /></a></span></span>
</td>

Have you checked the resulting html of your header footer? If you turn it off does that part display right?

[nimzie]

It appears that PP is ignoring this CSS tag:
img {
display: inline;
}

which is working for the rest of the site. it's displaying stuff with display: block

[nimzie]

Can you assist me in turning off the header? Do I just empty the header/footer path or is there an on/off for the header/footer?
thanks.

[b6gm6n]

Hi..

just empty the path, that'll do it

-T

[nimzie]

I tried it and nothing changed. The buttons were still messy. If it helps any in the diagnosis of the problem, when I had the user rating system on, if the user rated 10 thumbs, they got stacked up on top of each other as well...
Our web designer thinks it has something to do with the gallery tool ignoring the display:inline
style.
I hadn't insisted that there was something wrong with the html in photopost -- merely that we have installed it and there is a problem. Obviously if it works for others, it's something we have done, but we can't figure out what. I'm the messenger guy, not the designer guy.
Thanks for any help you can offer in this matter.
Adam

[Chuck S]

Look at your CSS

You dont have a period before img

[nimzie]

No, it doesn't, actually. img is not a class so it doesn't need a period
in front of it. if you declare the element "img" to always display
inline, it should.

[nimzie]

I took the page output from one of my showphoto pages, did a find/replace all the display:block with display:inline, saved as a static HTML page and it worked.
We're using the "Use Integrated forum stylesheets" option if that makes a difference.
My stylesheet is indeed working, cause my VB3 forum is picking up everything properly. There is no need for a '.' in front of the 'img' - I proved that by simply replacing 'block' with 'inline' in my static page:
www.ecmtb.com/gallery/showphototest.html
Palease heellllpppp!!!

[nimzie]

ok. I thought my way right to it and my web designer owes me LARGE.
We had a display:block in the headerinclude for VB3 - since it was using VB3 integration, it was picking that up.
Man, I"m smarter than I thought!

One problem remains - now my Prev Image button is gone... grrrrr.....

[nimzie]

and fixed.

[b6gm6n]

Originally Posted by nimzie

display:block in the headerinclude for VB3

y'know i really was gonna say that early on...sorry i didn't honest i was !!

-T

[nimzie]

Bahaha! thanks .. I bet you were ... I'm not even the web dude in our group.