Index page: Scrolling start above the category when description is too long.

Sql Trace in a <div> clear:both.
French de-à => du-au


git-svn-id: http://piwigo.org/svn/trunk@2550 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 12 insertions, 7 deletions

diff --git a/template-extension/distributed/samples/titling_categories.tpl b/template-extension/distributed/samples/titling_categories.tpl
index 83040e3bc..717390913 100644
--- a/template-extension/distributed/samples/titling_categories.tpl
+++ b/template-extension/distributed/samples/titling_categories.tpl
@@ -6,10 +6,15 @@
 {if !empty($category_thumbnails)}
   {html_head}
 <style media="screen,handheld,projection,tv" type="text/css">
-#content ul.thumbnailCategories li {ldelim} width:100%; }
-#Titling h3 {ldelim} margin:11px 0 -13px; padding:0 3px 0 20px; text-align:left; }
+#content ul.thumbnailCategories li {ldelim} width:100%; z-index: 55; position: relative;}
+#Titling h3 {ldelim} margin:11px 0 -13px; padding:0 3px 0 20px; text-align:left; z-index: 99; position: relative;}
 #Titling h3 a {ldelim} background-color: #222; padding: 0 10px; }
-#content ul.thumbnailCategories .unbordered {ldelim} width:49%; float:left; margin:0 0 0 5px;}
+#content ul.thumbnailCategories .unbordered {ldelim} width:49%; float:left; margin:0 0 0 5px; }
+.content div.thumbnailCategory div.description p.dates {ldelim} margin: 0 45px 0 20px; }
+#content .thumbnailCategory div.description .text {ldelim} margin: 0; padding: 0 4px; text-align: justify; }
+p.Nb_images {ldelim} text-align: left; color: #444; }
+/* hacks */
+*+html #Titling h3, * html #Titling h3 {ldelim} font-weight: normal;} /* IE browsers */
 </style>
   {/html_head}
   <ul class="thumbnailCategories" id="Titling"> {*                   1st difference: Titling/thumbnail *}
@@ -27,11 +32,11 @@
           </a>
         </div>
         <div class="description">
-          <div class="text">
-    				{if isset($cat.INFO_DATES) }
+  				{if isset($cat.INFO_DATES) }
     				<p class="dates">{$cat.INFO_DATES}</p>
-    				{/if}
-    				<p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
+  				{/if}
+          <div class="text">
+          <p class="Nb_images">{$cat.CAPTION_NB_IMAGES}</p>
     				{if not empty($cat.DESCRIPTION)}
     				<p>{$cat.DESCRIPTION}</p>
     				{/if}