Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak przerobić tebelkę na diva?
Forum PHP.pl > Forum > Przedszkole
Nick
14.06.2009, 13:56:39
Witajcie. Mam tabelkę zrobioną w Table, ale nie mogę ją zmienić da diva. Wiem mniej więcej jak, ale wszytko mi się rozjeżdża. Może ktoś z nudów mógłby zamienić to na diva? co_jest.gif

Kod
    echo "<table cellpadding='0' cellspacing='1' width='425' class='tbl-border center'>\n<tr>\n";
     echo "<td  class='tbl2'><p style='padding:0 0 0 0; margin:0 0 0 0; float:left;'><b></p></b>\n";
     echo "<class='tbl2l'><p style='padding:0 0 0 0; margin:0 0 0 0; float:right;'></p></td>\n";    
     echo "</tr>\n";
     echo "</table>n";
Spawnm
14.06.2009, 14:13:32 
[HTML] pobierz, plaintext 
  1. <div style="width:425px" class='tbl-border center'>
  2. tutaj reszta
  3. </div>
[HTML] pobierz, plaintext

?
Nick
14.06.2009, 14:45:08
Nie bardzo.

Kod
    echo "<div style='width:425px;' class='tbl-border center'>\n";
    echo "<class='tbl2'><p style='padding:0 0 0 0; margin:0 0 0 0; float:left;'><b></p></b>\n";
    echo "<class='tbl2'><p style='padding:0 0 0 0; margin:0 0 0 0; float:right;'></p>\n";
    echo "</div>\n";


To by wyglądało tak. Ale teraz mimo odwołań do CSS nie ma tła. I chciałbym to obramować z każdej strony oprócz z dołu za pomocą:

Kod
border-left:1px solid #000
border-right:1px solid #000
border-top:1px solid #000


Ale kreska zrobiła się tylko na górze.
sowiq
14.06.2009, 15:00:42
@Nick,
może zacznijmy od początku. Co to Twoim zdaniem jest <class='tbl2'>? W HTML nie istnieje taki tag jak <class />.
Najpierw przerób jakiś podstawowy kurs HTML'a, później zobacz czym się różnią tabelki od div'ów a dopiero później zabieraj się za takie rzeczy.

Cytat
Może ktoś z nudów mógłby zamienić to na diva? co_jest.gif
Nie ten dział. Napisz w giełdzie ofert.
Spawnm
14.06.2009, 15:01:16
//<class='tbl2'>
to ci działa blinksmiley.gif 

[HTML] pobierz, plaintext 
  1. border-left:1px solid #000
  2. border-right:1px solid #000
  3. border-top:1px solid #000
[HTML] pobierz, plaintext


a gdzie ; ?

[HTML] pobierz, plaintext 
  1. border-left:1px solid #000;
  2. border-right:1px solid #000;
  3. border-top:1px solid #000;
[HTML] pobierz, plaintext


pokaż css
Nick
14.06.2009, 15:23:00
Cytat
Sowiq napisał:
Co to Twoim zdaniem jest <class='tbl2'>?

Tbl2:

Kod
.tbl2 {
     font-size : 11px;
     color : #000;
     background-color : #D3B672;
     padding : 4px;
}


@Spawnm
Specjalnie tak dałem. Nie napisałem tam jak to mam identycznie w pliku tylko po prostu za pomocą czego chciałbym to obramować.

Cytat
Sowiq napisał:
Nie ten dział. Napisz w giełdzie ofert.


Mam założyć nowy temat? A przenieść się nie da?
dem
14.06.2009, 18:38:36
nie wiem czy chwytam o co ci chodzi, ale jak mniemam chcesz miec tabelke ale nie za pomoca table.

no to teraz mozesz to zrobic tak:


1. za pomoca divow
[HTML] pobierz, plaintext 
  1. .table {
  2.         width: 200px;
  3.         border: 1px solid black;
  4.  
  5. }
  6. .tr {
  7.         margin: 5px;
  8.         padding-left: 5px;
  9.         padding-right: 5px;
  10. /*        border: 1px solid red*/
  11.         height: 100px;
  12.  
  13. }
  14. .clear {
  15.         clear: both;
  16. }
  17. .kolumna1, .kolumna2 {
  18.         height: 100%;
  19.         width: 70px;
  20.         padding: 5px;
  21.         border: 1px solid blue;
  22.         float: left;
  23.         display: inline;
  24.         margin: 1px;
  25. }
  26. .kolumna1 {
  27.         /* specyficzna szerokosc np width: 200px; */
  28. }
  29. .kolumna2 {
  30.         /* specyficzna szerokosc np width: 200px; */
  31. }
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <div class="table">
  2.         <div class="tr">
  3.                 <div class="kolumna1">
  4.                 a
  5.                 </div>
  6.                 <div class="kolumna2">
  7.                 b<br>c
  8.                 </div>
  9.                 <div class="clear"></div>                
  10.         </div>
  11.         <div class="tr">
  12.                 <div class="kolumna1">
  13.                 1
  14.                 </div>
  15.                 <div class="kolumna2">
  16.                 2
  17.                 </div>
  18.                 <div class="clear"></div>
  19.         </div>
  20. </div>
[HTML] pobierz, plaintext

2. za pomoca list (np ol)
ale tego juz mi sie nie chce pisac...

rusz glowa...

acha przy divach mozesz pominac divy z klasa tr, ale wtedy nie bedziesz mial mozliwosci zdefiniowania wysokosci poszczegolnych komorek na 100%... mysle ze nie musze tlumaczyc o co z tym chodzi

uh, ucielo mi wciecia w kodzie ;o

a i nie przyzwyczajaj sie, ze bedziesz dostawac gotowy kod... poprostu nie moge ogarnac materialu na egzamin... trzebabylo czyms zajac rece

a na przyszlosc polecam zaznajomic sie z google... wystarczy mu zdac pytanie a masz duzo odpowiedzi... i to szybciej niz czekac na odpowiedz na forum
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.