Autor Zpráva
angita
Profil *
Je možné v HTML a CSS vytvořit oblé rohy tabulky?
Jak docílit světlejší barvy na okrajích tabulky? Nejedná se mi čistě o okraje (border), vlastně pozadi celé tabuly je tmavší barvou a u okrajů je tabulka světlejší. Nemá to žádné přesné okraje, je to spíš jen takový světlý stín. Nebo se tento stín může objevovat třeba jen na horním okraji. A způsobuje takovou plastičnost tabulky. Nevim, jestli to dobře vysvětluju. Když tak můžu i poslat soubor, kde to je vidět.

Předem moc děkuju za každou radu.
Zuzana
Mistr
Profil
angita
Je možné v HTML a CSS vytvořit oblé rohy tabulky?
Ano, a sice: http://www.jakpsatweb.cz/css/moz-border-radius.html (funguje to pouze v Mozille) nebo http://seky.nahory.net/2005/11/kulate-rohy-update/
Rae
Profil
Jak docílit světlejší barvy na okrajích tabulky?
Moc to nechápu, ale jednoduše to jde s background-image. CSS samotné to asi neumí. Ještě jsem o tom neslyšel.
angita
Profil *
Moc děkuju oběma. Kulaté rohy jen pro Mozzilu asi nepoužiju, protože potřebuju, aby to bylo viditelné, pokud možno ve všech prohlížečích. Druhý návod na kulaté rohy vypadá zajímavě, jen si to nechám na později, zatím tomu moc nerozumím. Jsem opravdu začátečník. A taky jsem později v diskusi narazila na odkaz na vytváření kulatých rohů pomocí grafiky. To pro mě zatím vypadá nejsrozumitelněji. Sice mi to zase úplně nefunguje, ale nemělo by být zas tak těžké to pochopit.
A světlejší barvu na okrajích tabulky musím taky ještě dopochopit a pak budu zkoušet.
Jinak já jsem začala používat soubor styly.css a pak jednotlivé stránky. Mám pocit, že většina toto nepoužívá, ale definuje css styly v hlavičce samotné stránky. Na to se taky budu muset podívat, protože pak to neumím celé správně převést.
V každém případě ale oběma moc děkuju.
Zuzana
Mistr
Profil
angita
Mám pocit, že většina toto nepoužívá, ale definuje css styly v hlavičce samotné stránky.
Pravděpodobně jen pro testování. Jinak je velmi výhodné mít styly uložené v externím souboru.

Na to se taky budu muset podívat, protože pak to neumím celé správně převést.
A přitom na tom není vůbec nic těžkého. V původní stránce máš napsáno:
<style>
definice stylů
</style>


Při převodu do externího souboru si z uvedeného příkladu označíš to mezi <style> a </style> - tedy definice stylů a to přesuneš (!) do nově vytvořeného souboru styly.css. Ten nyní bude obsahovat pouze soupis CSS stylů. Žádné HTML tagy typu <style> apod. Nic, jen CSS styly.

A v původní stránce místo ponechaných
<style>

</style>


vložíš (!)
<link rel="stylesheet" href="styly.css">


A již by mělo vše běhat. Souhlasí.

moc děkuju
Není zač.
angita
Profil *
Jo, to skutečně vypadá jednoduše. Ten odkaz na styly.css tam mám. Zítra vyzkouším ostatní.

Zatím moc díky.
Zuzana
Ranielo
Profil *
Hrozně by mě zajímalo jak se dá udělat u tabulky podobná plastičnost jako má tabulka příletů a odletů na stránkách letiště v Stockholmu: http://www.arlanda.se/en/ (černá tabulka se zelenými nadpisy). Konkrétně jak se dělají světlejší okraje tabulky tak, aby vypadaly plasticky. Děkuji za nápady.
habendorf
Profil
Ranielo

Úplně jednoduše
Ranielo
Profil *
Díky Habendorfe za reakci, ale buď dělám někde chybu já nebo se stala chyba někde jinde: zobrazí se mi pouze prázdná stránka s jednou čárkou...
habendorf
Profil
Ranielo

A o tom to je, chyba není nikde. To je obrázek, který je na pozadí buněk tabulky a opakuje se v ose x.

Trocha teorie: http://www.jakpsatweb.cz/css/background.html
Ranielo
Profil *
Díky Habendorfe, už to dokonale chápu! Sám bych na to nepřišel.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0