Twoje centrum PBF

Nie chodzi mi o sam tekst, chodzi mi również o tabelki. Czyli jak to miałoby wyglądać?

<div id=tabelka>
<table>asdkjasdvaj</table>
</div>

I teraz jak zacząć kod CSS?

<style type="text/css">?

Są dwa sposoby, ten który podał już Elian. Czyli naznaczenie jakiegoś elementu poprzez ID, oraz użycie tego ID jako selektora.

<selektor id="ide">...</selektor>

<style>
ide {cecha: wartość; }
</style>

Jedno ID można przypisać kilku elementom, więc można w jednym kodzie CSS upiększyć kilka elementów HTML. ;-)

Drugi sposób pozwala na sformatowanie tylko jednego, wybranego elementu.

<selektor style="cecha: wartość;">...</selektor>

Oczywiście, selektor to dany znacznik. Przykład:

<div style="background: black;">Ten tekst pokaże się w bloku, oraz będzie miał czarne tło.</div>

PS. To się nazywa Osadzaniem Styli.

Ostatnio edytowany przez Arashi (2010-10-06 20:54:49)

Jeżeli dobrze cię zrozumiałem, to tak to wygląda:

Jeżeli chcesz użyć konstrukcji:

<div id=ogloszenie>
<table>
<tr>
<td></td>
</tr>
...
</table>
</div>

To używając selektora div#ogloszenie będziesz mógł edytować samego div'a... Natomiast próbując edytować cokolwiek z tabelki używając np. kodu div#ogloszenie tr {background: red} sprawisz, że cała tabelka zmieni kolor na czerwony...

Jeżeli chciałbyś natomiast edytować poszczególne komórki, czy wiersze w tabeli, to musisz przypisac id do tych poszczególnych elementów. Tak więc chcą np. zmienić tło w pierwszym wierszu tabeli użyjemy:

<table>
<tr id=first>
<td></td><td></td>
</tr>
<tr>
<td></td><td></td>
</tr>
</table>

A w CSS'ie piszemy:

<style>
#first {background: red}
</style>

Ten kod sprawi, że każdy element z id first będzie miał czerwone tło. Tak to wygląda. Tego typu zagranie możemy stosowac także do konkretnych komórek, ale id trzeba zapisać dla niej osobno.

Arashi to jest bez znaczenia w sumie... Tak i tak działa