[HTML/CSS] Obramowanie wewnątrz tabeli

[Balas]

Jak ustawic obramowanai wewnatrz tabelki ?? Bo gdy robie tylko border: 1px to robi obramowanie a nie wewnatrz (pomiedzy TR i TD)

[Hawk]

Ustaw border w ramach znacznika td/tr.

[Cyr4x]

Mniej więcej tak:

Kod: Zaznacz cały

<table cellspacing="1" cellpadding="0" style="background-color:#000000; border:0px;">
    <tr>
        <td style="background-color:#FF0000;">
        </td>
    </tr>
    <tr>
        <td style="background-color:#FFFF00;">
        </td>
    </tr>
</table>

[phpIker]

@Cyr4x tutaj chodziło o obramowanie a nie od tło . Poprawiłem kod:

Kod: Zaznacz cały

<table>
    <tr>
        <td style="border: 1px solid #FF0000;">
        </td>
    </tr>
    <tr>
        <td style="border: 1px solid #FF0000;">
        </td>
    </tr>
</table>

Polecam też zainteresować się tym: http://kurshtml.boo.pl/style/obramowanie.html

[Balas]

Takie cos to wiem jak zrobic.. tylko chodzi mi zeby bylo mniej wiecej tak

Kod: Zaznacz cały

+-----+------+
|         |         |
+-----+------+
|         |         |
+-----+------+

Bo tutaj gdy dam cell spacing i padding na 0 to gluupio wyglada :/ Ale nei chce osobno kazdej komorce dawac

[phpIker]

Teraz to ja już Cię wogóle nie rozumiem, chciałeś zrobić obramowanie wewnątrz komórek, to podalem Ci gotowy kod. W takim razie napisz jeszcze raz o co Ci chodzi.


pozdr.

[Balas]

Daje cellspacing i cellpadding na 0, i chce rzeby bylo obramowanie wokol komorek i wogole na okolo tabeli, o to mi chodzi A jak tamto sie zrobi to bedzie w niektorych miejscach podwojnie, a ja chce na 1px

Teraz rozumiesz ??
PS. chyba nauczycielem nei zostane XD

[phpIker]

Kod: Zaznacz cały

<table cellspacing="0" cellpadding="5" border="0" rules="all">
<tr>
	<td style="border: 1px solid black;">jakis tekst</td>
	<td style="border: 1px solid black;">jakis tekst</td>
</tr>
<tr>
	<td style="border: 1px solid black;">jakis tekst</td>
	<td style="border: 1px solid black;">jakis tekst</td>
</tr>
</table>

Dodałem rules="all".

//edit
Widze, że to nie działa pod IE. Kurde pamiętam, że był na to jakiś sposób, ale nie mogę sobie przypomnieć. Możesz też spróbować wykombinować tak:

Kod: Zaznacz cały

<table cellspacing="0" cellpadding="5" border="0" style="border: 1px solid black;">
<tr>
	<td style="border-right: 1px solid black; border-bottom: 1px solid black;">jakis tekst</td>
	<td style="border-bottom: 1px solid black;">jakis tekst</td>
</tr>
<tr>
	<td style="border-right: 1px solid black;">jakis tekst</td>
	<td>jakis tekst</td>
</tr>
</table>

[Balas]

No właśnie mi chodzi zeby do kazdej osobno nie przypisywac

[Hawk]

Najprosciej uzyc CSS'a.

Kod: Zaznacz cały

<table class="tabelka">
  <tr><td>
    komorka 1
  </td><td>
    komorka 2
  </td></tr>
  <tr><td>
    komorka 3
  </td><td>
    komorka 4
  </td></tr>
</table>

oraz...

Kod: Zaznacz cały

.tabelka {
  border-collapse: collapse;
}

.tabelka td {
  border: 1px solid #000000;
}

Nie daje glowy, ze ten kod dziala pod wszystkimi przegladarkami. Niestety moglem go sprawdzic tylko w badzIEwiu. Gdyby byly jakies problemy to postaram sie pomoc jutro.

[Balas]

Dzieki to dziala