Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Get help for TinyWebGallery, the best image gallery. The forum is also home for the Joomla JFUploader, TWG Flash Uploader and the Wordpress flash uploader.
It is currently 28. Mar 2024, 17:53

This forum is readonly now. Please use the new forum if you don't find the answer to your question here. The new forum is at https://www.tinywebgallery.com/blog/forum/


All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 6 posts ] 
Author Message
PostPosted: 2. Oct 2010, 03:05 
Offline

Joined: 2. Oct 2010, 02:42
Posts: 6
In 1.8.2 apparently there was a center tag added around the thumbnails table cells. Unfortunately this screws with the twg_un/hoverThumbnail styles. After removing the <center> tag from index.inc.php it all looked ok. Refer to the attached images (twg_withcenter.png and twg_withoutcenter.png). I also changed the default style of the innermost td to twg_unhoverThumbnail because it seems more logical to me.
I've attached the modified index.inc.php

Cheers
Christian


Attachments:
twg_withcenter.png
twg_withcenter.png [ 50.16 KiB | Viewed 8768 times ]
twg_withoutcenter.png
twg_withoutcenter.png [ 65.4 KiB | Viewed 8768 times ]
Top
 Profile  
 
PostPosted: 2. Oct 2010, 07:16 
Offline

Joined: 2. Oct 2010, 02:42
Posts: 6
Ok, the reason is: I changed the style for table.thumbnails to contain: height:100%; in order to scale the last table to it's container space. And as the center is now the container and not the upper td it broke that.


Top
 Profile  
 
PostPosted: 3. Oct 2010, 12:51 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
Hi Christian,

I don't understand the problem. Which of the 2 images is now wrong?

- Michael


Top
 Profile  
 
PostPosted: 4. Oct 2010, 08:10 
Offline

Joined: 2. Oct 2010, 02:42
Posts: 6
The with_center is "wrong" in the sense that it does not show same sized boxes around the image. My thumbnails do not all have the same size (some are portrait, some are cropped) which gets confusing to the eye. So I wanted to add some even sized boxes around them by the center tag seems to prevent me from doing that. But maybe I'm on the wrong track here.


Top
 Profile  
 
PostPosted: 4. Oct 2010, 08:32 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
I think both are right. So it depends what you like...
I'll check the stuff you have sent me.

- Michael


Top
 Profile  
 
PostPosted: 4. Oct 2010, 09:25 
Offline

Joined: 2. Oct 2010, 02:42
Posts: 6
Cool thanks. This is the style sheet I'm using:

Code:
table.thumbnails {
   margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height:100%;
  width:100%;
   font-size: 10pt;
}

td.thumbnails {
   text-align: center;
   vertical-align: middle;
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

td.twg_unhoverThumbnail {
   text-align: center;
   vertical-align: middle;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   background-color:#606060;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
}
td.twg_hoverThumbnail {
   text-align: center;
   vertical-align: middle;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   background-color:#808080;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
}

td.mainnav {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10pt;
   background-color:#606060;
   padding:15px;
   width:25%;
   -moz-border-radius: 5px 20px 5px 20px;
   -webkit-border-radius: 5px 20px 5px 20px;
   -khtml-border-radius: 5px 20px 5px 20px;
   border-radius: 5px 20px 5px 20px;
}

.twg_magglas {
   position: absolute;
   top:0;
   left:0;
   z-index:45;
}

p.albumtextpright {
   margin-left:10px;
   text-align: left;
}


And the IE override:

Code:
table.thumbnails {
   margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
  width:0%;
  height:0%;
}

td.mainnav {
   font-family:Verdana,Arial,Helvetica,sans-serif;
   font-size:10pt;
   background-color:#606060;
   width:25%;
}

.twg_magglas {
   position: absolute;
   top:0;
   left:0;

}


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 8 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
cron
powered by phpbb | Datenschutz/ Privacy policy