Advanced search  

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

Pages: [1]   Go Down

Author Topic: Buttonlist alignment  (Read 3266 times)

0 Members and 1 Guest are viewing this topic.

uk_martin

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 186
Buttonlist alignment
« on: December 31, 2010, 11:21:24 am »

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
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Buttonlist alignment
« Reply #1 on: December 31, 2010, 04:40:41 pm »

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.
Logged

uk_martin

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 186
Re: Buttonlist alignment
« Reply #2 on: January 01, 2011, 01:16:30 pm »

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
Logged

uk_martin

  • Coppermine frequent poster
  • ***
  • Offline Offline
  • Posts: 186
Re: Buttonlist alignment
« Reply #3 on: January 03, 2011, 12:04:30 pm »

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
Logged
Pages: [1]   Go Up
 

Page created in 0.02 seconds with 20 queries.