| Autor | Zpráva | ||
|---|---|---|---|
| angita Profil * |
#1 · Zasláno: 27. 12. 2007, 02:14:21
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 |
#2 · Zasláno: 27. 12. 2007, 02:28:07
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 |
#3 · Zasláno: 27. 12. 2007, 13:36:29
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 * |
#4 · Zasláno: 29. 12. 2007, 00:23:32
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 |
#5 · Zasláno: 29. 12. 2007, 02:29:50
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 * |
#6 · Zasláno: 30. 12. 2007, 05:12:23
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 |
||
|
Časová prodleva: 10 měsíců
|
|||
| Ranielo Profil * |
#7 · Zasláno: 11. 10. 2008, 17:46:16
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 |
#8 · Zasláno: 11. 10. 2008, 20:40:11
|
||
| Ranielo Profil * |
#9 · Zasláno: 11. 10. 2008, 23:16:20
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 |
#10 · Zasláno: 11. 10. 2008, 23:47:10
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 * |
#11 · Zasláno: 12. 10. 2008, 17:40:47
Díky Habendorfe, už to dokonale chápu! Sám bych na to nepřišel.
|
||
|
Časová prodleva: 10 let
|
|||
0