Buttonlist alignment Buttonlist alignment
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Buttonlist alignment

Started by uk_martin, December 31, 2010, 11:21:24 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

uk_martin

Hi

I have an issue with the alignment of the four buttons and the other content of the title bar of the album thumbnails page. Ideally I would like them all to be vertically aligned in the middle of title bar, rather than having them where they are now.

I don't seem to be able to find what it is that is aligning them though. I've changed the buttonlist position values, but whilst that is then OK on the thumbnails page, it has a bad effect on the buttons on the Gallery page.

Is there anything that can be added in to cpg_starttable_outer or cpg_starttable_inner  that can help? I've tried altering the padding and introducing margin-bottom values there, but it's not had an effect.

Thanks in advance;.

Martin

ΑndrĂ©

Quote from: uk_martin on December 31, 2010, 11:21:24 AM
I've changed the buttonlist position values, but whilst that is then OK on the thumbnails page, it has a bad effect on the buttons on the Gallery page.
What exactly have you tried? Please post examples.

uk_martin

I've tried:
.cpg_starttable_outer  {
    vertical-align: middle;

.cpg_starttable_outer div.cpg_starttable_inner {
    vertical-align: middle;

.buttonlist ul li a {
    margin-bottom: 2px 4px;

.buttonlist ul li a {
    padding-bottom: 2px 4px;

Altering the padding values here:
.buttonlist ul li a span {
    background: url(images/menu_gfx.png) no-repeat 100% -30px;
    padding: 0 8px 0 0;

.buttonlist ul li a {
    vertical-align: middle;

.buttonlist ul li a span {
    vertical-align: middle;

All to no effect

Changing
.buttonlist ul li a span {  &  .buttonlist ul li a {
    background: url(images/menu_gfx.png) no-repeat 100% -30px; to -34px

DOES reposition the buttons in the thumbnails page, BUT it messes up the Gallery page

Adding:
.cpg_starttable_outer  {  &   .cpg_starttable_outer div.cpg_starttable_inner {
   padding-bottom: 5px;

increases the depth of the header bar on the tumbnail page, and allows the buttons to sit on the bottom line of the header bar, but it then means that the header bar is "too deep" and the background image starts to be repeated resulting in an ugly deep red line at the foot of the header bar. (see attachment)

What I need is some way to shift the buttons (and the title / file name / date / position  text, up by about 4px in the thumbnail page, without it impacting on the gallery page.

Thanks

Martin

uk_martin

I'm marking this as "solved" as the issue only seems to appear for administrators and not for general users, so it's something that I can live with. If someone does have a solution though I'd still be grateful to hear about it, but it's not the top of my priorities at the moment.

Thanks

Martin