[CSS]Automatyczne łamanie linii Opcje

[Loped]

Witam. Zrobiłem własnie użytkowników online. i Mam pewien problem. Są oni na pewnym tle

Kod

/*/ONL*/

/*ONL*/
#ONL {
       width: 221px;
     height: 123px;
     overflow: hidden;
       float: left;
       background: url(layout/index/index_23.jpg) no-repeat;


}
/*TEKST2 ONL*/
#ONL .TEKST2 {
     width 221px;
       height: 123px;
       margin-top: 0px;
     margin-right: 1px;
     margin-bottom: 0px;
     margin-left: 0px;
     font-size: 11px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 5px;

}
/*/TEKST2 ONL*/
/*/ONL*/

I max zmieści sie tam 5 użytkowników a jest jeszcze miejsce niżej. Chciałbym aby automatycznie nazwa użytkownika przesuneła się w dół jeśli by się nie mieściła w jednej lini. Wie ktoś jak to zrobić?

[ayeo]

Witam!

Nie ma możliwości wykonania tego w CSS. Pozostaje JS. O ile dobrze rozumiem problem: chcesz podzielić zbyt długi wyraz, tak?

Pozdrawiam!

[TrevorGryffits]

Sądzę, że chodzi o to, że aktualnie widać nazwy tylko 5 użytkowników. I Loped wolałby, żeby kolejne nazwy pojawiały się wiersz niżej... W CSS ekspertem nie jestem, ale to zdaje się kwestia overflow: hidden.

[ayeo]

No to jak tak to width załatwia sprawę przecież!

[Loped]

Mam tak:

http://img182.imageshack.us/img182/4394/onlinei.jpg

I te "bababa" ucina a bym chciał zrobic aby automatycznie schodziło w dół.

[ArekJ]

[HTML] pobierz, plaintext 
width: x px;
overflow: auto;
[HTML] pobierz, plaintext 

[ayeo]

Masz coś namieszane, daj wersję live to poprawimy w 2 minuty

BTW: możesz marginy i paddingi ustawiać w jednej linii: padding: 10px 12px 15px 20px;

[Loped]

Kod

/*/ONL*/

/*ONL*/
#ONL {
       width: 221px;
     height: 123px;
     overflow: hidden;
       float: left;
       background: url(layout/index/index_23.jpg) no-repeat;


}
/*TEKST2 ONL*/
#ONL .TEKST2 {
     width 221 px;
       overflow: auto;
margin-top: 0px;
     margin-right: 1px;
     margin-bottom: 0px;
     margin-left: 0px;
     font-size: 11px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 5px;

}
/*/TEKST2 ONL*/
/*/ONL*/

i Wyświetlanie tych div'ów :

Kod

<div id="ONL"><div class="TEKST2" id="ONL_TEKST2"><?php online(); ?>  </div></div>

I funkcja online:

[PHP] pobierz, plaintext 
<?php
function online()
{
$lacz = lacz_bd();
$psel = $lacz->query("select id, nazwa_uz, czas, ranga from uzytkownik");
$ctime = time();
 
while ($pl = $psel->fetch_array()) {
$span = ($ctime - $pl[czas]);
 
if ($span <= 180) {
if ($pl[ranga] == Admin) {
print "<span style=\"color: #FF0000;\"> $pl[nazwa_uz]</span>&nbsp;";
} else {
print "$pl[nazwa_uz]&nbsp;";
}
  }
    }
}
?>
[PHP] pobierz, plaintext 

[ayeo]

Przecież my nie mamy Twojej bazy! Nie potrzebny nam kod PHP. Chodziło mi o linka do wersji na serwerze lub o wygenerowany HTML i CSS

PS Przecież ty nie podpinasz tych id'ków do kodu!

[Loped]

aaa... Dopiero teraz zauważyłem Dałem to w kod i wyglada to tak:

http://img520.imageshack.us/img520/8990/onlinexxc.jpg