Kulaté rohy v tabulce

Už se to tu mnohokrát řešilo, např. http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=17 11.

jednoduše kulate to budeš mít pomocí css ale jen v prohlížečích postavených na mozille
table{-moz-border-rad:20px}
pokud chceš kulatit všude musíš do rohu napozicovat obrázky ( opět je třeba to udělat pomocí css protože v případě že nebude k dispozici soubor se styly se ti objeví zakulaceníé rohy
maš teda tabulku, ty rohy co chceš zakulatit musí byt samostatné čtverečky(obdélniky)(přibydou ti další sloupce a řádky).
je třeba si ty rožky pojmenovat( <td class="levyhorni> )
takovy malý návod na zakulacení rohů u tabulkového layoutu:

<table>

	<tr>

		<td class="levyhorni"></td class="stred"><td></td><td class="pravyhorni"></td>

	</tr>

	<tr>

		<td></td><td></td><td></td>

	</tr>

	<tr>

		<td class="levydolni"></td><td></td><td class="pravydolni"></td>

	</tr>

</table>



a pomocí css date na pozadí obrazky:

.levyhorni{width:20px;height:20px;background-image:url("levyhorni.gif")}

.levydolni{width:20px;height:20px;background-image:url("levydolni.gif")}

.pravyhorni{width:20px;height:20px;background-image:url("pravyhorni.gif")}

.pravydolni{width:20px;height:20px;background-image:url("pravydolni.gif")}

.stred{width:700px}

snad sem tam neudělal bug
krteczek

ted to vidím :( je tam chyba v 1 řádku ten má vypadat takhle:

<td class="levyhorni"></td><td  class="stred"></td><td class="pravyhorni"></td>

jo a nepoužívej u názvů elementu diakritiku (hačky a čárky) jsou s tím problémy
krteczek

S kulatými rohy u tabulky jsou problémy, protože se do tagu <table> nedají jednoduše vrazit čtyři DIVy, které se pak napozicují do rohů. Musí se pak použít buňky.

Krteczkovo řešení má trochu nevýhodu v tom, že je třeba dát okraj jako obrázek na pozadí i těm "středovým buňkám". Nestačí dát border celé tabulce, protože by kulaté rohy v rozích byly uvnitř toho borderu. Takže vlastně obsah původní tabulky musíš obalit dokola osmi buňkami (čtyři rohy, čtyři strany) a u všeho nastavit pozadí. Dost nešikovné. Navíc když nedorazí některý obrázek, je okraj přerušený.

Daly by se asi pozicovat ty rohové buňky (např. u levého horního rohu position:absolute; left:-2px; top:-2px) a dát border celé tabulce, kulatý roh díky posunu pak ten border v rohu překryje a je zaručeno, že se okraj vykreslí nepřerušený, i když nedorazí některý obrázek. Při tomhle řešení se nastavuje pozadí jen těm rohovým buňkám a ne stranovým. Ale i tak je to pěkný opruz.

Ergo navrhuju obalit tabulku DIVem, tomu nastavit kulaté rohy způsobem, který se tu už mockrát probíral.

no tohle mi fungovalo dobře, já jsem nepoužíval border, ale jinou barvu a ty rohy byly dvoubarevne, nebyla tam "černá" čára a zakulacení šlo z rohu do rohu.
kdybys přemýšlel jak udělat ty zakulacení, tak v udělej čtverec, dovnitř toho čtverce kruh jiné barvy a rozčtvrť :-)
krteczek