Autor Zpráva
Anonym
Profil *
@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
Jaká je pointa této Pahadky? Co s tím? Je v něčem nějaký problém?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0