I'd be glad to help you, but first of all I'd need to know your priorities. I think you don't want that the default buttons, which allow to navigate through Pbase and are at the top of the page are visible in your galleries. To prevent those default buttons from being visible you added in your CSS this section
- Code: Select all
TABLE {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: -27px; MARGIN-BOTTOM: 7px;
FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
COLOR: #5B5B65; BORDER-BOTTOM: 0px
}
TABLE.luis {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
FONT: 12px verdana, arial, sans-serif; BORDER-LEFT: 0px;
COLOR: #5B5B65; BORDER-BOTTOM: 0px
}
FONT {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT: 12px verdana, arial, sans-serif;
BORDER-LEFT: 0px; COLOR: #E0FFFF; BORDER-BOTTOM: 0px
}
If you delete this section from your CSS the button are visible, but at least all the settings of your pages are back to normal and the photos and the comment section are not misplaced
the problem was in that
-27px as value for margin-top.
If you really don't want to show the navigation bar at the top of your page
you might try this code instead.
It was created by another member of Pbase, Arjun, and in my opinion works much better
- Code: Select all
/* --- simple code to hide the menu -- */
/* -- by arjun -- */
body table td a img
{ display:none;}
.thumbnails table img
{display:none;}
table img
{display:block;}
.display,.display img
{display:block;}
.thumbnails table,.thumbnails table img, .display,p.small
{
display: inline;
body div.galleryheader table td a img {display:inline;}
}
Deleted the two section of CSS I posted above and at their place add in your CSS the Arjun's code.
I think that some of your problems should be solved like that.