Changeset 855
- Timestamp:
- Aug 29, 2005, 8:14:27 PM (19 years ago)
- Location:
- trunk/template/cclear
- Files:
-
- 2 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/template/cclear/category.tpl
r850 r855 112 112 <!-- BEGIN line --> 113 113 <!-- BEGIN thumbnail --> 114 <li class="thumbnails"> 115 <div> 114 <li> 115 <span> 116 <span><span class="wrap"> 116 117 <a href="{thumbnails.line.thumbnail.U_IMG_LINK}"> 117 118 <img class="thumbnail" src="{thumbnails.line.thumbnail.IMAGE}" … … 119 120 title="{thumbnails.line.thumbnail.IMAGE_TITLE}"> 120 121 </a> 121 <ul> 122 <li> 123 <!-- BEGIN element_name --> 124 {thumbnails.line.thumbnail.element_name.NAME} 125 <!-- END element_name --> 126 <!-- BEGIN category_name --> 127 [{thumbnails.line.thumbnail.category_name.NAME}] 128 <!-- END category_name --> 129 {thumbnails.line.thumbnail.IMAGE_TS} 130 </li> 122 </span></span> 123 <!-- BEGIN element_name --> 124 {thumbnails.line.thumbnail.element_name.NAME} 125 <!-- END element_name --> 126 <!-- BEGIN category_name --> 127 [{thumbnails.line.thumbnail.category_name.NAME}] 128 <!-- END category_name --> 129 {thumbnails.line.thumbnail.IMAGE_TS} 131 130 <!-- BEGIN nb_comments --> 132 < li>{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {L_COMMENT} </li>131 <br />{thumbnails.line.thumbnail.nb_comments.NB_COMMENTS} {L_COMMENT} 133 132 <!-- END nb_comments --> 134 </ul> 135 </div> 133 </span> 136 134 </li> 137 135 <!-- END thumbnail --> -
trunk/template/cclear/content.css
r854 r855 29 29 30 30 #content UL.thumbnails { 31 margin: 0; padding: 0; 32 list-style-type: none; 33 text-align: center; /*eventuellement */ 31 margin: 0; 32 padding: 0; 33 list-style: none; 34 text-align: center; /* to center the whole collection in #content */ 35 } 36 #content UL.thumbnails LI { display: inline } 37 38 #content UL.thumbnails SPAN { 39 margin: 0 5px 5px 5px; 40 /*width: 130px; 128px + 2 * 1px if the SPAN has a border of 1px */ 41 width: 128px; /* we can use the same size as well */ 42 display: table-cell; display: inline-table; display: inline-block; 43 vertical-align: top; /* OK with Opera and IE6 not Geko */ 44 text-align: center; /* to center the thumbnail and legend in Geko/Opera */ 45 } 46 #content UL.thumbnails SPAN SPAN { 47 margin: 0; /* important reset the margins */ 48 border: 1px solid #aaaaaa; 49 width: 128px; /* fixed size again */ 50 height: 128px; /* fixed size again */ 51 display: table-cell; /* block prevents vertical-align here */ 52 vertical-align: middle; /* Ok with Opera and Geko not IE6 */ 53 } 54 #content UL.thumbnails SPAN.wrap { 55 border: none; 56 height: auto; /* important for vertical centering */ 57 display: block; /* important */ 58 overflow: hidden; /* everridden by specific IE6 rule below */ 59 margin-top: auto; /* to make vertical-align work in Geko and Opera */ 60 margin-bottom: auto; /* to make vertical-align work in Geko and Opera */ 61 } 62 #content UL.thumbnails IMG { 63 margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/ 34 64 } 35 65 36 #content LI.thumbnails { 37 display: inline; 38 padding: 0; text-indent: 0; 39 margin: 0 10px 10px 10px; 66 /* fix IE with another layout */ 67 * html #content UL.thumbnails SPAN { 68 overflow: hidden; /* keep it there: not needed by Geko, buggy with Opera */ 40 69 } 41 #content UL.thumbnails UL { 42 margin: 0; padding: 0; text-indent: 0; 43 list-style-type: none; 70 * html #content UL.thumbnails SPAN SPAN { 71 position: relative; 44 72 } 45 #content UL.thumbnails UL LI { 46 text-align: center; 73 * html #content UL.thumbnails SPAN.wrap { 74 overflow: visible; 75 position: absolute; 76 top: 50%; 77 left: 0px; /* same as "#content UL.thumbnails SPAN SPAN { padding:" if any*/ 47 78 } 48 #content UL.thumbnails div { 49 margin: 0; 50 vertical-align: top; /*geko doesn't eat that :-(*/ 51 text-align: center; 52 width: 128px; 79 * html #content UL.thumbnails IMG { 80 position: relative; 81 top: -50%; 53 82 } 54 /* IE block level element inline-block hack */55 * html #content UL.thumbnails div {display:inline-block;}56 * html #content UL.thumbnails div {display:inline;}57 /* end of IE hack*/58 /* for non-IE */59 #content UL.thumbnails li>div {display:table-cell;display:inline-table;}60 61 /* Geko hack to get thumbnails top aligned*/62 /* not proud of that still looking for a better one */63 #content UL.thumbnails li>div {height:150px;}64 /* endof Geko hack*/65 66 /* align top with geko */67 /*#content UL.thumbnails li>div>div {68 display: block;69 position: relative;70 height:128px;71 }72 #content UL.thumbnails li>div>div>a { position: absolute; top: 0; }73 #content UL.thumbnails li>div img.thumbnail { position: relative; left: -50%; }74 #content UL.thumbnails li>div ul {position: absolute; bottom: 0;}75 doesn't work :-((*/76 77 /*#content UL.thumbnails LI>SPAN { vertical-align: baseline; }*/78 #content UL.thumbnails LI IMG.thumbnail { margin-bottom: .4ex; }79 80 #content UL.thumbnails IMG.thumbnail { border: 1px solid #000000; }81 82 /*#content UL.thumbnails SPAN A:first-child { border: none }*/83 83 84 84
Note: See TracChangeset
for help on using the changeset viewer.