ugrás a tartalomhoz

LI vízszintes listaelemben egy sorba...

vtsoftware · 2010. Jún. 8. (K), 06.42
Sziasztok

Remélem nem probléma a sok témám amiket mostanság indítok, de mindig belefutok valamibe...

Adott ez a lista:
  1. .lista ul  
  2. {  
  3.   list-style: none;  
  4.   margin: 0px;  
  5.   padding: 0px;  
  6. }  
  7.   
  8. .lista ul li  
  9. {  
  10.   list-style: none;  
  11.   margin: 0px;  
  12.   padding: 0px;  
  13.   width: 240px;  
  14.   background-image: url("kep.png");  
  15.   line-height: 25px;  
  16.   margin-left: auto;  
  17.   margin-right: auto;  
  18. }  
  19.   
  20. .lista ul li a  
  21. {  
  22.   display: block;  
  23.   padding-left: 8px;  
  24. }  
  1. <div id="lista">  
  2.   <ul>  
  3.     <li><a href="link1">Sor1 (# db)</a></li>  
  4.     <li><a href="link2">Sor2 (# db)</a></li>  
  5.     <li><a href="link3">Sor3 (# db)</a></li>  
  6.   </ul>  
  7. </div>  
Így ugye minden Sor# szöveg mellett rögtön a # db.
Ez mind nagyon szép és jó.

Ezt a listát kellene átformáznom úgy, hogy a Sor# maradjon a bal oldalon, a # db mind a jobb oldalra kerüljenek.
A G00gle-t végigtúrtam, olvastam kismillió fórumot, tényleg vagy 2 órám ráment... de semmit nem találtam csak "sima" egy soros, egy szöveges menüket az pedig már megvan.

Ha A #db-ket SPAN taggal float: right és clear: right-re állítom akkor IE8-ban jó, 7-ben és Firefoxban nem.
A text-align megint nem jó.

Valaki ha tudna segíteni, nagyon hálás lennék, mert már tényleg szórakozok vele majd' egy napja... ez nagyon kifog rajtam.

Előre is köszönöm
‹ Greasemonkey alatt futó script jQuery navigáció rel paraméterrel ›
 ■
1

Ezt a listát kellene

kuka · 2010. Jún. 8. (K), 09.22
Ezt a listát kellene átformáznom úgy, hogy a Sor# maradjon a bal oldalon, a # db mind a jobb oldalra kerüljenek.

Ezt hogy érted? Talán így?
Sor1      (44 db)
Sor22    (555 db)
Sor333     (6 db)
|               |
balra      jobbra

Ha igen, akkor minek neked az ul? A bajuszozást úgyis kikapcsoltad, az elemek meg úgyis két részből állnak. Akkor meg miért nem használsz dl-t?
2

ilyen nincs

ironwill · 2010. Jún. 8. (K), 09.28
Szia!

Nem tudsz egy elemen belül egyszerre két irányba rendezni.
Csak úgy, ha plusz elemeket teszel az "a"-ba.

Nálam pl. így nézne ki: (már ha jól értettem, mit szeretnél)
  1. <html>  
  2. <head>  
  3. <style type="text/css">  
  4. #lista li {clear: both}  
  5. #lista a {width: 400px; display: block}  
  6. #lista a .left {float: left}  
  7. #lista a .right {float: right}  
  8. </style>  
  9. </head>  
  10.   
  11. <body>  
  12.   
  13. <div id="lista">    
  14.   <ul>    
  15.     <li>  
  16.       <a href="link1">  
  17.         <div class="left">Sor1</div>  
  18.         <div class="right">(# db)</div>  
  19.       </a>  
  20.     </li>  
  21.     <li>  
  22.       <a href="link2">  
  23.         <div class="left">Sor2</div>  
  24.         <div class="right">(# db)</div>  
  25.       </a>  
  26.     </li>    
  27.     <li>  
  28.       <a href="link3">  
  29.         <div class="left">Sor3</div>  
  30.         <div class="right">(# db)</div>  
  31.       </a>  
  32.     </li>    
  33.   </ul>    
  34. </div>    
  35.   
  36. </body>  
  37. </html>  
üdv, Gábor
3

Pontosan

vtsoftware · 2010. Jún. 8. (K), 22.33
Igen, így gondoltam, nagyon köszönöm.
Túl akartam bonyolítani... eszembe juthatott volna.
Köszönöm.