span-Breite per CSS

[Struppi]

IST-Zustand:

code:

* TEXT_r_r_r_r
    __* TEXT_r_r_r_r
    ____* TEXT_r_r_r_r
    ____* TEXT_r_r_r_r
    __* TEXT_r_r_r_r
    * TEXT_r_r_r_r
    __*_TEXT_r_r_r_r

SOLL-Zustand:

code:

* TEXT_____r_r_r_r
    __* TEXT___r_r_r_r
    ____* TEXT_r_r_r_r
    ____* TEXT_r_r_r_r
    __* TEXT___r_r_r_r
    * TEXT_____r_r_r_r
    __*_TEXT___r_r_r_r

Keine Ahnung ob das optimal ist, aber im FF und IE funktioniert es:
CSS:

  
ul  
{  
width:30em;  
margin-left:1em;  
padding:0;  
}  
ul ul  
{  
width:29em;  
}  
ul li span  
{  
float:right;  
margin-top: -1em;  
}  
li  
{  
clear:right;  
}  

HTML:

  
   <ul>  
      <li class="liStylePlus" id="img2">  
          TEXT  
          <a href="index.php?modul=skill&amp;action=edit&amp;skillId=2">(e)</a>  
          <a href="index.php?modul=skill&amp;action=add">(a)</a>  
  
        <span>  
            <input type="radio" name="radio[2]" value="1" title="TEXT: Note 1" class="Check" checked="checked" />  
            <input type="radio" name="radio[2]" value="2" title="TEXT: Note 2" class="Check" />  
            <input type="radio" name="radio[2]" value="3" title="TEXT: Note 3" class="Check" />  
            <input type="radio" name="radio[2]" value="4" title="TEXT: Note 4" class="Check" />  
            <input type="radio" name="radio[2]" value="5" title="TEXT: Note 5" class="Check" />  
        </span>  
        <ul >  
  
          <li class="liStyleNeutral" id="img22">  
              TEXT2  
              <a href="index.php?modul=skill&amp;action=edit&amp;skillId=22">(e)</a>  
              <a href="index.php?modul=skill&amp;action=add">(a)</a>  
                        <span>  
                <input type="radio" name="radio[22]" value="1" title="TEXT2: Note 1" class="Check" />  
                <input type="radio" name="radio[22]" value="2" title="TEXT2: Note 2" class="Check" />  
                <input type="radio" name="radio[22]" value="3" title="TEXT2: Note 3" class="Check" checked="checked" />  
  
                <input type="radio" name="radio[22]" value="4" title="TEXT2: Note 4" class="Check" />  
                <input type="radio" name="radio[22]" value="5" title="TEXT2: Note 5" class="Check" />  
              </span>  
          </li>  
          <li class="liStyleNeutral" id="img23">  
              TEXT3  
              <a href="index.php?modul=skill&amp;action=edit&amp;skillId=23">(e)</a>  
              <a href="index.php?modul=skill&amp;action=add">(a)</a>  
                        <span>  
                <input type="radio" name="radio[23]" value="1" title="TEXT3: Note 1" class="Check" />  
                <input type="radio" name="radio[23]" value="2" title="TEXT3: Note 2" class="Check" checked="checked" />  
                <input type="radio" name="radio[23]" value="3" title="TEXT3: Note 3" class="Check" />  
                <input type="radio" name="radio[23]" value="4" title="TEXT3: Note 4" class="Check" />  
                <input type="radio" name="radio[23]" value="5" title="TEXT3: Note 5" class="Check" />  
              </span>  
  
          </li>  
        </ul>  
      </li>  
      </ul>  

Struppi.