Changeset 1518


Ignore:
Timestamp:
Jul 29, 2006, 6:26:52 PM (18 years ago)
Author:
chrisaga
Message:

improve caddie display : better checkbox positionning in every tested browsers.

Opera still not perfect , but much better.

Location:
trunk
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/template-common/default-layout.css

    r1396 r1518  
    2828#content UL.thumbnails SPAN,
    2929#content UL.thumbnails SPAN.wrap2 A,
    30 #content UL.thumbnails SPAN.wrap2 LABEL,
     30#content UL.thumbnails LABEL,
    3131#content DIV.thumbnailCategory DIV.illustration {
    3232  width: 140px;                 /* max thumbnail width + 2px */

  • trunk/template/yoga/admin/element_set_global.tpl

    r1315 r1518  
    3333  <ul class="thumbnails">
    3434    <!-- BEGIN thumbnail -->
    35     <li><span class="wrap1"><span class="wrap2">
     35    <li><span class="wrap1">
    3636        <label>
    37         <img src="{thumbnails.thumbnail.SRC}"
    38              alt="{thumbnails.thumbnail.ALT}"
    39              title="{thumbnails.thumbnail.TITLE}"
    40              class="thumbnail" />
    41         <input type="checkbox" name="selection[]" value="{thumbnails.thumbnail.ID}" />
    42         </label></span></span>
     37          <span class="wrap2"><span>
     38            <img src="{thumbnails.thumbnail.SRC}"
     39               alt="{thumbnails.thumbnail.ALT}"
     40               title="{thumbnails.thumbnail.TITLE}"
     41               class="thumbnail" />
     42          </span></span>
     43          <input type="checkbox" name="selection[]" value="{thumbnails.thumbnail.ID}" />
     44        </label>
     45        </span>
    4346    </li>
    4447    <!-- END thumbnail -->

  • trunk/template/yoga/thumbnails-fix-ie5-ie6.css

    r1385 r1518  
    77}
    88#content UL.thumbnails SPAN.wrap2 A,
    9 #content UL.thumbnails SPAN.wrap2 LABEL {
     9#content UL.thumbnails SPAN.wrap2 SPAN {
    1010  overflow: visible;
    1111  position: absolute;
    … …  
    1313  text-align: center;
    1414}
     15
    1516#content UL.thumbnails IMG.thumbnail {
    1617  position: relative;
    … …  
    2021  /**/
    2122}
    22 #content UL.thumbnails SPAN.wrap2 input {
     23#content UL.thumbnails INPUT {
    2324  position: absolute;
    24   left: 0;
    25   top: -50%;  /* same as other browsers but not so pretty */
     25  left: 2px;
     26  top: 2px;  /* same as other browsers but not so pretty */
    2627}
    27 

  • trunk/template/yoga/thumbnails.css

    r1385 r1518  
    2828}
    2929#content UL.thumbnails SPAN.wrap2 A,
    30 #content UL.thumbnails SPAN.wrap2 LABEL {
     30#content UL.thumbnails LABEL {
    3131  display: block;
    3232  border-bottom: none;
    … …  
    3737
    3838/* label and input used for caddie in admin section */
    39 #content UL.thumbnails SPAN.wrap2 LABEL {
     39#content UL.thumbnails LABEL {
    4040  position: relative;
    4141}
    42 :root #content UL.thumbnails SPAN.wrap2 INPUT { /* hide from Opera */
    43   position: absolute;
    44   left: 0;
    45   top: 0;
     42
     43#content UL.thumbnails INPUT {
     44  position: relative;   /* <= Opera can handle relative here */
     45  top: -20px;
     46}
     47:root #content UL.thumbnails INPUT { /* hide from Opera */
     48  position: absolute;   /* <= Opera hide 1 checkbox over 2 !!! */
     49  left: 2px;
     50  top: 2px;
    4651}
    4752 
Note: See TracChangeset for help on using the changeset viewer.