[CSS][PHP]Formatowanie danych wyjściowych - WYSZUKIWARKA, Czyli co zrobić, żeby wyszukiwane dane były ładnie wyświetlone Opcje

[gizmo1985]

Witam

Zrobiłem wyszukiwarkę, która zwraca dane, które trzeba ułożyć...Generalnie tabela html nie jest za ładna ... Podpowiecie jak to zrobić w CSS ?

[PHP] pobierz, plaintext 
 
<table border="1">
 
<tr><td>L.P</td><td>imie</td><td>nazwisko</td><td>Data urodzenia</td><td>Miasto</td><td>Numer kontaktowy</td><td>Email</td><td>Kat. Prawa Jazdy</td><td>Nazwa pracodawcy</td><td>Zatrudniony od: ROK</td><td>Stanowisko</td><td>Jezyk</td><td>Poziom J�zyka</td><td>Nazwa Kursu</td><td>Poziom Kursu</td><td>Tytu� uzyskany</td><td>Nazwa Szko�y</td><td>Rok uko�czenia </td><td>Tytu�</td></tr>
</table> 
   <?
 
 
for ($x = 0; $x < $obAmount; $x++) {
    $row = mysql_fetch_assoc($result);
 
    ?>
     <tr><td><?echo $x + 1  ;?></td><td><? echo $row['imie']; ?></td><td><? echo $row['nazwisko']; ?></td><td><? echo $row['data_ur'];?></td><td><? echo $row['miasto']; ?></td><td><? echo $row['nr_tel']; ?></td><td><?echo $row['email']; ?></td><td><?echo $row['kat_prawa_jazdy']; ?></td><td><?echo $row['nazwa_pracodawcy'];?></td><td><? echo $row['od_do']; ?></td><td><? echo $row['stanowisko']; ?></td><td><?echo $row['jezyk']; ?></td><td> <? echo $row['stopien_zaawansowania']; ?>  </td><td><?echo $row['nazwa_kursu']; ?></td><td><?echo $row['stopien_kursu']; ?></td><td>  <?echo $row['tytul_uzyskany']; ?></td><td><? echo $row['nazwa_szkoly']; ?></td><td> <?echo $row['rok_ukonczenia']; ?></td><td><?echo $row['uzyskany_tytul']; ?></td></tr>
 
 
[PHP] pobierz, plaintext 

Ten post edytował gizmo1985 23.03.2010, 19:18:26

[MateuszS]

http://www.kurshtml.boo.pl/css/ Tu masz napisane jak zrobić bardzo ładne graficznie elementy strony.

[gizmo1985]

A może jakieś konkretniejsze wskazówki ? Niestety nigdy tego w CSS nie robiłem, a nie ukrywam, że zależy mi, żeby zrobić to w miarę szybko (IMG:style_emoticons/default/tongue.gif) Tylko tego mi brakuje do zakończenia projektu (IMG:style_emoticons/default/winksmiley.jpg)

[MateuszS]

No ale to wszystko zależy od twojego kaprysu, nie wiem jak byś chciał żeby to wyglądało. Od wczoraj mógłbyś już coś w sumie wykombinować z CSSem. Nie wiemy jak wg ciebie miała by wyglądać ta tabelka (IMG:style_emoticons/default/tongue.gif)

[gizmo1985]

Kombinowałem, ale niestety nie z tym (IMG:style_emoticons/default/tongue.gif)
Powiem tak ... chcę, zeby wyglądało profesjonalnie (IMG:style_emoticons/default/biggrin.gif) cokolwiek to znaczy ... samo border = 1 z HTML nie wyglada profesjonalnie ...
Dodatkowo mam problem taki, że sama tabela nie mieści się na stronie ... czy można zrobić, żeby się przewijała, czy cóś ? (IMG:style_emoticons/default/biggrin.gif)

[MateuszS]

To może pokażesz tę stronę?

[gizmo1985]

Tylko się nie śmiejcie (IMG:style_emoticons/default/biggrin.gif)

Screen


Ten post edytował gizmo1985 23.03.2010, 19:38:28

[MateuszS]

Może któraś ci się spodoba
http://www.internetmaker.pl/artykul/718,2,...wiat_tabel.html
http://webmade.org/porady/table-tabele-bor...ollapse-css.php

a tu masz fajny generator
http://www.somacon.com/p141.php

[gizmo1985]

OOO, generator klasa (IMG:style_emoticons/default/winksmiley.jpg) Hehe .. masz pomógł (IMG:style_emoticons/default/smile.gif)

Czyli jeden problem z głowy (IMG:style_emoticons/default/winksmiley.jpg) a powiedz mi jeszcze co zrobić, żeby mi nie uciekało poza stronę ?

[MateuszS]

Zrobić mniejszą? Albo dwie osobne. Albo jakiś system wyświetlający szczegóły po naciśnięciu przycisku, albo jakieś stronnicowanie tabeli (strzałki, przewijające kolumny). Dużo możliwości

[gizmo1985]

Te strzałki mnie zainteresowały (IMG:style_emoticons/default/winksmiley.jpg)
Może jakieś szczegóły ? (IMG:style_emoticons/default/biggrin.gif)

[MateuszS]

Tak: Javascript ->onClick ->style.display
Lub Jquery (ładniejszy efekt)
http://ferrante.pl/category/tech/jquery/

[gizmo1985]

A powiedz mi jeszcze taką rzecz...BO jak sformatować dużą ilość tekstu CSS-em rozumiem (IMG:style_emoticons/default/winksmiley.jpg) Ale to pozwala zmienić tylko kolor, czcionkę ....
A jak zorganizować akapity ? Wcięcia ?

[MateuszS]

Kod

text-indent: 10px;

Dajesz ile chcesz px ;P