Matthias Coy: span-Breite per CSS

Beitrag lesen

Fast :) Jetzt siehts so aus:

*_____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

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:  
> ~~~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.