Autor | Zpráva | ||
---|---|---|---|
Anonym Profil * |
#1 · Zasláno: 12. 5. 2011, 09:52:52
@charset "utf-8";
body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #ffffff; margin: 0; padding: 0; color: #000; } /* ~~ Při tvorbě odkazů na stránce je třeba respektovat toto pořadí – včetně skupiny selektorů použitých k vytvoření efektu najetí kurzorem. ~~ */ a:link { color:#000000; text-decoration: underline; /* Pokud není vzhled odkazů opravdu výjimečný, je vhodné k jejich rychlému odlišení používat funkci podtržení textu. */ } a:visited { color: #4E5869; text-decoration: underline; } a:hover, a:active, a:focus { /* S touto skupinou selektorů můžete uživateli s klávesnicí zajistit stejný efekt najetí kurzorem, jako v případě uživatelů používajících myš. */ text-decoration: none; } /* ~~ Tento kontejner obklopuje všechny ostatní elementy div a určuje jejich šířku podle procentuálního podílu. ~~ */ .container { width: 50%; max-width: 1260px;/* Zadání maximální šířky je vhodné v případě, kdy uživatel nechce, aby bylo rozvržení na velkých monitorech příliš široké. Text na řádcích výsledné délky je tak čitelnější. V prohlížeči IE6 je tato hodnota ignorována. */ min-width: 780px;/* Zadání minimální šířky je vhodné v případě, kdy uživatel nechce, aby bylo rozvržení na velkých monitorech příliš úzké. Text na řádcích výsledné délky v bočních sloupcích je tak čitelnější. V prohlížeči IE6 je tato hodnota ignorována. */ background: #ffffff; margin: 0 auto; /* Automatická hodnota po stranách spolu s šířkou slouží k vystředění rozvržení. Pokud nastavíte šířku kontejneru na 100 %, není tato vlastnost zapotřebí. */ overflow: hidden; /* Díky této deklaraci může třída .container vymazat všechny obsažené plovoucí sloupce. */ } .sidebar1 { float: left; width: 48%; margin-left:10px; padding-bottom: 10px; } .sideram{ background: #1e90ff; color: #F09; border: #000 solid ; } #sidebar2 { float: left; width: 48%; color:#000; a:link color: black; a:visited color: black; a:hover: black; margin-left:20px; padding-bottom: 10px; } .content { padding: 10px 0; width: 48%; float: left; color:#03C; text-align:center; margin-left:20px; } .text { color:#000000; text-align:left; } <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Dokument bez názvu</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <h1 align="center"><u> Z kreslených pohádek</u></h1> <div class="container"> <div class="sidebar1"> <div class="sideram"> <p></p><p>Na lesní mýtině v chatě pod hřebenem.<br> Žil malý Smolíček s dobrákem jelenem.<br> Aby si v pustině ukrátil chvíli,<br> vymyslel brannou hru o závod k cíly.<br> Poslal vždy jelena natrhat brusinky,<br> a potom zavolal kámošky jezinky.<br></p> </div><br><br> <div class="sidebar2"> <ul> <h3><li><a href="http://rendisek.blog.cz/0706/o-smolickovi">O Smolíčkovi</a></li></h3> <h3><li><a href="http://rendisek.blog.cz/0706/o-hloupem-honzovi">Hloupý Honza</a></li></h3> <h3><li><a href="http://rendisek.blog.cz/0706/o-ptaku-ohnivaku">Pták Ohnivák</a></li></h3> </ul> </div> </div> <div class="content"> <p><font size="1">Byla jednou jedna sladká dívenka, kterou musel milovat každý, jen ij uviděl, ale nejvíce ji milovala její babička, která by jí snesla i modré z nebe. Jednou jí darovala čepeček karkulku z červeného sametu a ten se vnučce tak líbil, že nic jiného nechtěla nosit, a tak ji začali říkat Červená Karkulka. <br> </font><hr></p> <img src="s.jpg"><br><br> <div class="text">Zdravím Kájo, proč máš tak velký čepec, uši, oči... Prostě jsi dneska celá divná!!!</div> </div> </div> </body> </html> |
||
Chamurappi Profil |
#2 · Zasláno: 12. 5. 2011, 09:55:05
Jaká je pointa této Pahadky? Co s tím? Je v něčem nějaký problém?
|
||
Časová prodleva: 13 let
|
0