[CSS] Wyrównanie do prawej krawedzi div'a Opcje

[aLukas]

Witam,

zrobilem w css menu oparte na liscie (<ul>)
mam następujący problem:

menu to powinno znalezc sie wewnątrz diva wyrownane do jego prawej krawedzi, ale nie moge tego zrobic...

menu w css:

Kod

     ul#nav{
              margin-left:auto;
              margin-right:0px;
              height: 44px; width: 679px;
              }
              ul#nav li {
                  float: left;
                  list-style: none;
                  }
              ul#nav li a {
                  position: absolute;
                  text-indent: -9999px;
                  text-decoration: none;
                  border: none !important;
                  height: 44px;
                  }
              ul#nav li#onas a {
                  left: 0px; width: 65px;
                  background: url("img/men.jpg") 0px 0 no-repeat;
                  }
              ul#nav li#inst a {
                  left: 65px; width: 75px;
                  background: url("img/men.jpg") -65px 0 no-repeat;
                  }
              ul#nav li#pom a {
                  left: 140px; width: 68px;
                  background: url("img/men.jpg") -140px 0 no-repeat;
                  }
              ul#nav li#mod a{
                  left: 208px; width: 100px;
                  background: url("img/men.jpg") -208px 0 no-repeat;
                  }
              ul#nav li#serv a{
                  left: 308px; width: 57px;
                  background: url("img/men.jpg") -308px 0 no-repeat;
                  }
              ul#nav li#nap a{
                  left: 365px; width: 68px;
                  background: url("img/men.jpg") -365px 0 no-repeat;
                  }
              ul#nav li#pro a{
                  left: 433px; width: 107px;
                  background: url("img/men.jpg") -433px 0 no-repeat;
                  }
              ul#nav li#cen a{
                  left: 540px; width: 57px;
                  background: url("img/men.jpg") -540px 0 no-repeat;
                  }
              ul#nav li#kont a{
                  left: 597px; width: 82px;
                  background: url("img/men.jpg") -597px 0 no-repeat;
                  }
          ul#nav li#onas a:hover              { background-position: -0px -44px; }
          ul#nav li#inst a:hover              { background-position: -65px -44px; }
          ul#nav li#pom a:hover                  { background-position: -140px -44px; }
          ul#nav li#mod a:hover                  { background-position: -208px -44px; }
          ul#nav li#serv a:hover              { background-position: -308px -44px; }
          ul#nav li#nap a:hover                 { background-position: -365px -44px; }
          ul#nav li#pro a:hover                 { background-position: -433px -44px; }
          ul#nav li#cen a:hover                 { background-position: -540px -44px; }
          ul#nav li#kont a:hover                 { background-position: -597px -44px; }

menu w html:

Kod

     <ul id="nav">
                      <li id="onas"><a href="?nav=">o nas</a></li>
                      <li id="inst"><a href="?nav=">inst</a></li>
                      <li id="pom"><a href="?nav=">pomia</a></li>
                      <li id="mod"><a href="?nav=">modern</a></li>
                      <li id="serv"><a href="?nav=">serwis</a></li>
                      <li id="nap"><a href="?nav=">naprawa</a></li>
                      <li id="pro"><a href="?nav=">projekt</a></li>
                      <li id="cen"><a href="?nav=">cennik</a></li>
                      <li id="kont"><a href="?nav=">kontakt</a></li>
                  </ul>

tutaj mozecie zobaczyc jak to wyglada

powinno dotykac do ramki tak jak zielony div.

z gory dzieki za pomoc

Ten post edytował aLukas 20.09.2007, 16:38:47

[bagheera]

witam, potrzebuje malej pomocy, wiec zapytam tutaj przy okazji, w htmlu jestem laikiem, ale potrzeba mi jedna rzecz zrobic, chce na mojej stronie dodac liste plikow, nazwa o lewej, waga po prawej, W 1 LINIJCE

tak wyglada uzyty kod:

Kod

1.   <a href='http://quakefour.net/maps/indexer/files/1+.pk3'>1+.pk3</a><div align="right";  style="display: inline">1835,53 KB</div></br>
2.   <a href='http://quakefour.net/maps/indexer/files/1++.pk3'>1++.pk3</a><div align="right">1716,10 KB</div></br>

tu jest ta strona
http://q3lover.ovh.org/viewpage.php?page_id=21

jak mam zrobic, zeb to bylo wyswietlane tak jak chce?
narazie jest:

1. 1+.pk31835,53 KB

a chce miec zeby wielkosci pliku byla po prawej stronie.

Troche dla mnie jest niezrozumiala specyfikacja, <center>text</center> dziala, a <right> juz nie ma?

probowalem sie doszukac w sieci, ale znalazem style, divy, tabele, akapity, a ja chce tylko 1 wyraz wyrowany do prawej, nie da ie tak?

Rozimiem jest masa zaawansowanch technik, ale lepiej jak jest latwo, szybko i pzyjemnie

Z gory dzieki za pomoc

pozdrawiam