Forum PHP.pl > [CSS]Automatyczne łamanie linii

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Automatyczne łamanie linii

Loped

26.07.2009, 13:06:42

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

26.07.2009, 13:13:57

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

26.07.2009, 13:25:38

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

26.07.2009, 13:26:14

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

Loped

26.07.2009, 13:32:28

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

26.07.2009, 13:34:29

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

ayeo

26.07.2009, 13:35:29

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

26.07.2009, 13:41:05

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

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

26.07.2009, 13:42:54

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

26.07.2009, 14:16:03

aaa... Dopiero teraz zauważyłem

Dałem to w kod i wyglada to tak:

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.