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: Sort Order Is Messed Up  (Read 3289 times)

0 Members and 1 Guest are viewing this topic.

maryseo

  • Coppermine newbie
  • Offline Offline
  • Posts: 5
Sort Order Is Messed Up
« on: March 22, 2012, 03:27:23 am »

Hi, I was wondering if someone could help me figure out the solution to fixing the sort order: title, name, date, position from being vertical on top of each other when it should be along the top horizontal as seen here when you view actual albums: http://torrie-wilson.org/photos/thumbnails.php?album=697

Quote
/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2011 Coppermine Dev Team
  v1.0 originally written by Gregory Demar

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License version 3
  as published by the Free Software Foundation.

  ********************************************
  Coppermine version: 1.5.14
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.5.x/themes/water_drop/style.css $
  $Revision: 8229 $
**********************************************/
body {
        font-family :Arial, Helvetica, sans-serif;
        background-color: #f7f7f7;
        background: url("images/background.gif");;background-repeat: repeat-yes;
        font-size: 9px;
        color : #99AAFF;
        margin: 0px;
        margin-bottom: 20px;


}

table,tr,td,table table {
     font-size: 10px;padding:4px;
}


h1{
        font-weight: normal;
        font-size: 9px;
        font-family: "arial", arial;
        text-decoration: none;
        color: #f7f7f7;
        margin: 2px;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    background-image : url(images/box_left_icon.gif);
    background-repeat : no-repeat;
    background-position : left;
    padding-left : 0px;
    font-size: 9px;
    margin: 0px;
}


h3 {
        font-weight: normal;
        font-size: 9px;
        font-family: "arial", arial;
        margin: 2px;
}

p {
        font-size: 9px;
        font-family: "arial", arial;
        margin: 2px 0px;
}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 11px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.textinput {
        font-family: "arial", arial;
        font-size: 9px;
        background: #dfe3e2;
        color: #99AAFF;
        border: 2px solid #ededed;
        -moz-border-radius:  3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 3px;
}

.listbox {
        font-family: "arial", arial;
        font-size: 9px;
        border: 0px solid #C9C7C8;
        vertical-align : middle;
}

.button {
        font-family: "arial", arial;-moz-border-radius:  3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-size: 9px;
        background: #dfe3e2;
        color: #99AAFF;
        border: 2px solid #ededed;
}

.comment_button {
        font-family: "arial", arial;
        font-size: 9px;
        border: 0px solid #CACACA;
        background: #f7f7f7;
        color: #01cafc;
}

.radio {
        font-family: "arial", arial;
        font-size: 9px;
        vertical-align : middle;
}

.checkbox {
        font-family: "arial", arial;
        font-size: 9px;
        vertical-align : middle;
}

a {
        color: #282899;
        text-decoration: none;
}

a:hover {
        color: #282899;
   
}


.maintable {

        margin-top: 1px;
        margin-bottom: 1px;
   text-align: left;
}

.tableh1 {
letter-spacing: 1px;
color: #282899;
font-family: Rockwell;text-shadow: 0 1px 0 #dde2e3;
font-weight: bold;
font-style: none;
font-size: 8.5px;
line-height: 10px;
text-align: center;
text-transform: uppercase;
background-image : url(images/background.gif);
padding: 15px 15px 15px 15px;
background-color: #99AAFF;
border: 2px solid #d3d8d7;
padding: 15px;

}

.tableh1_compact {
        font-family: "arial", arial;
        font-size: 11px;
   text-align: right;
        color: #ad99a9;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #ededed;
        color: #99AAFF;
        padding-top: 3px;
        padding-right: 11px;
        padding-bottom: 3px;
        padding-left: 11px;
}

.tableh2_compact {
        background: #f7f7f7 ;
        color: #99AAFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #f7f7f7 ;
   padding: 0px;
}

.tableb_compact {
        color: #99AAFF;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}

.tablef {
        background:#f7f7f7;
        padding-top: 11px;
        padding-right: 11px;
        padding-bottom: 11px;
        padding-left: 11px;
}

.catrow_noalb {
    background: #f7f7f7; padding:: 15px 15px 15px 15px;
   border: 1px solid #ededed;
color: #99AAFF;
   
}
.catrow_noalb:hover {
        background: #f7f7f7; padding:: 15px 15px 15px 15px;
   border: 1px solid #ededed;
color: #99AAFF;
   
}

.catrow {
        background: #f7f7f7; padding:: 15px 15px 15px 15px;
   border: 1px solid #ededed;
color: #99AAFF;
   
}

.catrow:hover {
       background: #f7f7f7;
color: #99AAFF;
   
}

.album_stat {
        font-size: 9px;
        margin: 2px 0px;color: #282899;
}

.thumb_title {
        font-weight : bold;
        font-size: 9px;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 9px;
        padding: 1px;
        display : block;
color: #99AAFF;
}

.thumb_caption a {
        text-decoration: none;
        color: #f7f7f7;
color: #99AAFF;

}


.thumb_num_comments {
        font-weight: normal;
        font-size: 9px;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 9px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 9px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #f7f7f7;
}

.user_thumb_infobox a:hover {
        color: #f7f7f7;
        text-decoration: underline;
}

.sortorder_cell {
        background: url(images/background.gif) center repeat-x;
        color: #353334;
        padding: 0px;
        margin: 0px;
}

.sortorder_options {
        font-family: "arial", arial;
   background: url(spacer.gif);
        color: #353334;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 9px;
        white-space: nowrap;
}

.navmenu {
        font-family: "arial", arial;
        font-size: 9px;
        width: 550;
        background: #f7f7f7;
        color: #99AAFF;
        font-weight: bold;;
        border-style: none;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
}

.navmenu img {
}

.navmenu a {
        background: #f7f7f7;
        text-decoration: none;
        color: #525252;
}

.admin_menu_thumb {
        font-family: "arial", arial;
        font-size: 9px;
        border: 1px solid #ccd7e0;
        color: #f7f7f7;
        font-weight: bold;
        width: 85px;
}

.admin_menu_thumb a {
        color: #f7f7f7;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
}


.admin_menu_thumb a:hover {
        color: #f7f7f7;
        text-decoration: underline;
}

.admin_menu {
        background: #f7f7f7;
        font-family: "arial", arial;
        font-size: 9px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
}
.admin_menu a:hover {
color: #454545;
}

td .admin_float {
        float:left;
        margin-left: 1px;
        margin-right: 1px;
        margin-top: 1px;
        margin-bottom: 1px;
}

.admin_menu_wrapper {
        width:100%;
}

#admin_menu_anim {
}

.comment_date{
        color : #f7f7f7;
        font-size: 90%;
        vertical-align : middle;
}

.image {
   padding: 0px;
        border: 3px solid #dfe3e2;
 -moz-border-radius:  7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

a:hover img {
padding: 0px;
        border: 3px solid #dfe3e2;
 -moz-border-radius:  7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}


.thumbnails {background: #f7f7f7;
   padding: 6px;color: #9ea8a9;
        padding: 15px 15px 15px 15px;
   border: 0px solid #ededed;
}

.footer {
        font-size: 9px;
}

.footer a {
        text-decoration: none;
        color: #282899;
   tect-decoration: underline;
}

.footer a:hover {
        color: #282899;
        text-decoration: underline;
}

.catlink {color : #99AAFF;
        display: block;
        margin-bottom: 2px;
   text-align: left;
}
.statlink {color : #282899;
        display: block;
        margin-bottom: 2px;
   text-align: center;
}

.topmenu {
        background: #f7f7f7;
        border: 0px solid #f7f7f7;
        font-family: "arial", arial;
        font-size: 9px;
}

.topmenu a {
        color : #99AAFF;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #99AAFF;
        text-decoration : underline;
}

.img_caption_table {
        border: none;
        background-color: #f7f7f7;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #f7f7f7;
        font-size: 9px;
        color : #753776;
        padding-top: 4px;
        padding-right: 11px;
        padding-bottom: 4px;
        padding-left: 11px;
        border-top : 1px solid #f7f7f7;
}

.img_caption_table td {
        background: #f7f7f7;
        padding-top: 6px;
        padding-right: 11px;
        padding-bottom: 6px;
        padding-left: 11px;
        border-top : 1px solid #f7f7f7;

}

#foot {
   margin: 0px auto;
   position: relative;
   top: 450px;
   width: 100%;
   background: #525252;
   padding: 12px;
}

.footcss {
   margin: 0px auto;
   width: 800px;
   font: 11px "arial";
   text-align: center;
   color: #282899;
   line-height: 12px;
}

.footcss a {
   color:#282899;
 
}

.footcss a:hover {
        color: #282899;
}

.alblink a {
background-image: url(bling.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
text-decoration: none;
color: #99AAFF;
font-size: 95%;
}

.alblink a:hover {
background-image: url(bling-hover.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
text-decoration: none;
color: #99AAFF;
font-size: 95%;
}

.catlink a {
background-image: url(bling.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
text-decoration: none;
color: #99AAFF;
}

.catlink a:hover {
background-image: url(bling-hover.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
color: #99AAFF;
text-decoration: underline;
}

.navigation {
 font-family :Rockwell;
text-transform: none;
font-weight: bold;text-transform: uppercase;
letter-spacing: 0;
font-size:8.5px;
color:#99AAFF;
text-shadow: #ce9b9c 0px 0px 0px;
padding-bottom:15px;
}

.navigation a{
color:#99AAFF;
}

.navigation a:hover{
color:#d3d8d7;
}
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Sort Order Is Messed Up
« Reply #1 on: March 22, 2012, 10:13:20 am »

1. Update your gallery to the latest stable release, currently cpg1.5.18
2. Please attach your whole theme as zip file instead of posting some CSS stuff.
Logged
Pages: [1]   Go Up
 

Page created in 0.058 seconds with 19 queries.