diff options
Diffstat (limited to 'template/yoga')
-rw-r--r-- | template/yoga/admin/element_set_global.tpl | 17 | ||||
-rw-r--r-- | template/yoga/thumbnails-fix-ie5-ie6.css | 10 | ||||
-rw-r--r-- | template/yoga/thumbnails.css | 17 |
3 files changed, 26 insertions, 18 deletions
diff --git a/template/yoga/admin/element_set_global.tpl b/template/yoga/admin/element_set_global.tpl index 7bb9d7006..88acd3a50 100644 --- a/template/yoga/admin/element_set_global.tpl +++ b/template/yoga/admin/element_set_global.tpl @@ -32,14 +32,17 @@ <!-- BEGIN thumbnails --> <ul class="thumbnails"> <!-- BEGIN thumbnail --> - <li><span class="wrap1"><span class="wrap2"> + <li><span class="wrap1"> <label> - <img src="{thumbnails.thumbnail.SRC}" - alt="{thumbnails.thumbnail.ALT}" - title="{thumbnails.thumbnail.TITLE}" - class="thumbnail" /> - <input type="checkbox" name="selection[]" value="{thumbnails.thumbnail.ID}" /> - </label></span></span> + <span class="wrap2"><span> + <img src="{thumbnails.thumbnail.SRC}" + alt="{thumbnails.thumbnail.ALT}" + title="{thumbnails.thumbnail.TITLE}" + class="thumbnail" /> + </span></span> + <input type="checkbox" name="selection[]" value="{thumbnails.thumbnail.ID}" /> + </label> + </span> </li> <!-- END thumbnail --> </ul> diff --git a/template/yoga/thumbnails-fix-ie5-ie6.css b/template/yoga/thumbnails-fix-ie5-ie6.css index 25af117a8..66adaad08 100644 --- a/template/yoga/thumbnails-fix-ie5-ie6.css +++ b/template/yoga/thumbnails-fix-ie5-ie6.css @@ -6,12 +6,13 @@ text-align: left; } #content UL.thumbnails SPAN.wrap2 A, -#content UL.thumbnails SPAN.wrap2 LABEL { +#content UL.thumbnails SPAN.wrap2 SPAN { overflow: visible; position: absolute; top: 50%; text-align: center; } + #content UL.thumbnails IMG.thumbnail { position: relative; top: -50%; @@ -19,9 +20,8 @@ margin-top: -40%; /**/ } -#content UL.thumbnails SPAN.wrap2 input { +#content UL.thumbnails INPUT { position: absolute; - left: 0; - top: -50%; /* same as other browsers but not so pretty */ + left: 2px; + top: 2px; /* same as other browsers but not so pretty */ } - diff --git a/template/yoga/thumbnails.css b/template/yoga/thumbnails.css index c73d080ef..854a10dda 100644 --- a/template/yoga/thumbnails.css +++ b/template/yoga/thumbnails.css @@ -27,7 +27,7 @@ vertical-align: middle; /* Ok with Opera and Geko not IE6 */ } #content UL.thumbnails SPAN.wrap2 A, -#content UL.thumbnails SPAN.wrap2 LABEL { +#content UL.thumbnails LABEL { display: block; border-bottom: none; } @@ -36,12 +36,17 @@ } /* label and input used for caddie in admin section */ -#content UL.thumbnails SPAN.wrap2 LABEL { +#content UL.thumbnails LABEL { position: relative; } -:root #content UL.thumbnails SPAN.wrap2 INPUT { /* hide from Opera */ - position: absolute; - left: 0; - top: 0; + +#content UL.thumbnails INPUT { + position: relative; /* <= Opera can handle relative here */ + top: -20px; +} +:root #content UL.thumbnails INPUT { /* hide from Opera */ + position: absolute; /* <= Opera hide 1 checkbox over 2 !!! */ + left: 2px; + top: 2px; } |