Jak przerobić tebelkę na diva? Opcje

[Nick]

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?

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]

[HTML] pobierz, plaintext 
<div style="width:425px" class='tbl-border center'>
tutaj reszta
</div>
[HTML] pobierz, plaintext 

?

[Nick]

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.

Ten post edytował Nick 14.06.2009, 14:45:45

[sowiq]

@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.

Może ktoś z nudów mógłby zamienić to na diva? co_jest.gif

Nie ten dział. Napisz w giełdzie ofert.

Ten post edytował sowiq 14.06.2009, 15:01:04

[Spawnm]

//<class='tbl2'>
to ci działa

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

a gdzie ; ?

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

pokaż css

[Nick]

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ć.

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

Mam założyć nowy temat? A przenieść się nie da?

[dem]

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 
.table {
        width: 200px;
        border: 1px solid black;
 
}
.tr {
        margin: 5px;
        padding-left: 5px;
        padding-right: 5px;
/*        border: 1px solid red*/
        height: 100px;
 
}
.clear {
        clear: both;
}
.kolumna1, .kolumna2 {
        height: 100%;
        width: 70px;
        padding: 5px;
        border: 1px solid blue;
        float: left;
        display: inline;
        margin: 1px;
}
.kolumna1 {
        /* specyficzna szerokosc np width: 200px; */
}
.kolumna2 {
        /* specyficzna szerokosc np width: 200px; */
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="table">
        <div class="tr">
                <div class="kolumna1">
                a
                </div>
                <div class="kolumna2">
                b<br>c
                </div>
                <div class="clear"></div>                
        </div>
        <div class="tr">
                <div class="kolumna1">
                1
                </div>
                <div class="kolumna2">
                2
                </div>
                <div class="clear"></div>
        </div>
</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

Ten post edytował dem 14.06.2009, 18:44:11