Autor Zpráva
katom
Profil *
Ahojky, delam si stranky delam je pres tabulku http://www.katom.wz.cz/katom.htm a potreboval bych vedet jak mam zaoblit rohy???
Martin Kuželka
Profil
Už se to tu mnohokrát řešilo, např. http://diskuse.jakpsatweb.cz/index.php?action=vthread&forum=7&topic=17 11.
katom
Profil *
jenze nevim jak to udelat v tabulce :/
krteczek
Profil
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
krteczek
Profil
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>

krteczek
Profil
jo a nepoužívej u názvů elementu diakritiku (hačky a čárky) jsou s tím problémy
krteczek
Honza Hučín
Profil
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.
krteczek
Profil
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
Toto téma je uzamčeno. Odpověď nelze zaslat.