home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 April / Chip_2003-04_cd1.bin / internet / Einstein / clanek74.html < prev    next >
Encoding:
Extensible Markup Language  |  2003-02-18  |  20.8 KB  |  254 lines
  1. <?xml version="1.0" encoding="iso-8859-2"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="cs" xml:lang="cs">
  4. <head>
  5.     <title>Einstein - Tvorba WWW - CSS - CSS - dΘlkovΘ jednotky, urΦovßnφ barev</title>
  6.     <link rel="stylesheet" href="./einstein.css" type="text/css" />  <meta name="DC.Identifier" content="(SCHEME=ISSN) 12140082" />
  7.   <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  8.   <meta name="author" content="Marek Soldßt" />
  9.   <meta name="copyright" content="Copyright Marek Soldßt 2002" />
  10.   <meta name="description" content="Server o poΦφtaΦφch, programovßnφ a internetu" />
  11.   <meta name="keywords" content="einstein,einstein.cz,soldßt,marek,12140082,1214-0082,poΦφtaΦ,program,internet,aktuality,diskuze,diskuse,pc,www,web,tvorba www,historie,html,xhtml,xml,wml,wap,javascript,php,css,design,smajl" />
  12.   <link rel="shortcut icon" href="./favicon.ico" />
  13. </head>
  14.  
  15.   <body><script language="JavaScript" type="text/javascript"><!-- document.write('<a name="#top"></a>'); --></script><div class="page">
  16.     <div class="lista">   | <a class="ven" href="http://www.einstein.cz/http://www.einstein.cz/?lista=soldat" title="http://www.einstein.cz/">Einstein.cz</a> | <a class="ven" href="http://www.einstein.cz/http://www.ozivote.cz/?lista=soldat" title="http://www.ozivote.cz/">O Životě.cz</a> | <a class="ven" href="http://www.einstein.cz/http://www.all4web.soldat.cz/?lista=soldat" title="http://www.all4web.soldat.cz/">All4web</a> | <a class="ven" href="http://www.einstein.cz/http://chat.soldat.cz/?lista=soldat" title="http://chat.soldat.cz/">Chat4U</a> | <a class="ven" href="http://www.einstein.cz/http://www.soldat.cz/?lista=soldat" title="http://www.soldat.cz/">Soldát.cz</a> | </div>    <div class="top"><a class="ven" href="http://www.einstein.cz/"><img id="logo" src="./logo.png" height="70" width="200" border="0" alt=" Einstein.cz " /></a>
  17.  
  18.     </div><div class="menu">
  19.       <span><a href="aktuality.html"    title=" ╚erstvΘ informace ze sv∞ta IT ">Aktuality</a></span>
  20.       <span><a class="ven" href="http://www.einstein.cz/diskuze/"      title=" Diskuznφ f≤rum ">Diskuze</a></span>
  21.       <span><a href="hardware.html"     title=" Rubrika : Hardware ">Hardware</a></span>
  22.       <span><a href="internet.html"     title=" Rubrika : Internet ">Internet</a></span>
  23.       <!-- <div><a class="ven" href="http://www.einstein.cz/programovani/" title="">Programovßnφ</a></div> -->
  24.       <span class="active"><a href="tvorbawww.html"     title=" Rubrika : Tvorba WWW ">Tvorba WWW</a></span>
  25.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/"     title="">Download</a></div> -->
  26.       <!-- <div><a class="ven" href="http://www.einstein.cz/literatura/"   title="">Literatura</a></div> -->
  27.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/"     title="">Hry</a></div> -->
  28.       <span><a href="historie.html"     title=" Rubrika : Historie poΦφtaΦ∙ ">Historie poΦφtaΦ∙</a></span>
  29.       <span><a href="oserveru.html"     title=" Informace o serveru ">O serveru</a></span>
  30.       <span><a class="ven" href="http://www.einstein.cz/slovnik/"      title=" Slovnφk poΦφtaΦov²ch zkratek a pojm∙ ">IT Slovnφk</a></span>
  31.       <div class="oblibene"><a href="javascript:window.external.AddFavorite('http://www.einstein.cz/','Einstein - poΦφtaΦe, programovßnφ, internet')" title=" Pokusφ se p°idat tuto strßnku do Va▒ich oblφben²ch polo╡ek ">P°idat k oblφben²m</a> <img src="./fav.png" border="0" height="10" width="15" alt="OblφbenΘ polo╡ky" /></div>
  32.     </div>
  33.     <div class="main">
  34.       <div class="left">
  35.         <div class="boxxtop">Tvorba WWW</div><div class="boxxbot"><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/html/" title=" HTML ">HTML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/xml/" title=" XML ">XML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/xhtml/" title=" XHTML ">XHTML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/php/" title=" PHP ">PHP</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/css/" title=" CSS ">CSS</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/wml/" title=" WML ">WML</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/javascript/" title=" JavaScript ">JavaScript</a><br/><img src="./bul.png" alt="" height="6" width="6" border="0"/> <a class="ven" href="http://www.einstein.cz/tvorbawww/design/" title=" Design ">Design</a><br/></div><div class="delitko"> </div>
  36.  
  37.         <div class="boxxtop">Odb∞r email∙</div>
  38.         <div class="boxxbot">
  39.         <form action="http://www.einstein.cz/odber/odeslat_overeni.php" method="post" style="display:inline;">
  40.         <input type="text" name="email" value="vas@email.cz" style="border:0px solid #000000;height:20px;width:120px;background-color:#ffffff;color:#000000;" /><br />
  41.         <input type="checkbox" name="aktuality" value="true" checked="checked" />Aktuality <br />
  42.         <input type="checkbox" name="clanky" value="true" checked="checked" />╚lßnky <br />
  43.         <input type="submit" value="P°ihlßsit" style="border:0px solid #000000;height:20px;width:70px;background-color:#606099;color:#ffffff;" /></form> <form action="./odber/" method="post" style="display:inline;"><input type="submit" value="Vφce..." style="border:0px solid #000000;height:20px;width:50px;background-color:#606099;color:#ffffff;" /></form>
  44.         </div>
  45.         <div class="delitko"> </div>
  46.  
  47.         <div class="boxxtop">PartnerskΘ weby</div>
  48.         <div class="boxxbot" style="text-align:center;"><a class="ven" href="http://www.jaknaweb.com/" target="_blank"><img src="tvorbawww_me_cz.gif" height="31" width="88" border="0" alt=" JakNaWeb.com - vÜe pro tvorbu webu - HTML, PHP, MySQL, ASP, CSS,
  49. XML, JavaScripty, PHP " style="border:1px solid #000000;" /></a></div>
  50.         <div class="delitko"> </div>
  51.  
  52.         <div class="boxxtop">Informace o serveru</div>
  53.         <div class="boxxbot">
  54.         <small>╣Θfredaktor</small><br/><a class="ven" href="http://www.einstein.cz/http://www.soldat.cz/" title=" http://www.soldat.cz/ ">Marek Soldßt</a><br/><br/>
  55.         <small>hostujeme u</small><br/><a class="ven" href="http://www.einstein.cz/http://www.web4u.cz/" target="_blank" title=" http://www.web4u.cz/ ">WEB4U</a><br/><br/>
  56.         <small>kontaktnφ email</small><br/><a class="ven" href="http://www.einstein.cz/mailto:marek@soldat.cz" target="_blank" title=" mailto:marek@soldat.cz ">marek@soldat.cz</a><br/><br/>
  57.         <!--<small>ISSN</small><br/>-->ISSN 1214-0082</div>
  58.         <div class="delitko"> </div>
  59.  
  60.         </div>
  61.       <div class="right">        <div class="boxxtop">Hledßnφ</div>
  62.         <div class="boxxbot" style="text-align:center"><form method="get" action="http://www.einstein.cz/hledani.php" style="display:inline;">
  63.         <input type="text" name="vyraz" size="8" value="" style="height:22px;width:90px;background-color:#ffffff;color:#000000;" /> <input type="submit" value="OK" style="height:22px;width:30px;" />
  64.         <div class="delitko"> </div>
  65.         <select name="hledat_kde" style="width:125px;height:22px;">
  66.           <option value="clanky" selected="selected">v Φlßncφch</option>
  67.           <option value="aktuality">v aktualitßch</option>
  68.           <option value="slovnik">v IT slovnφku</option>
  69.           <option value="domeny">v domΘnßch</option>
  70.           <option value="fulltext">fulltextem</option>
  71.         </select>
  72.         </form></div>
  73.         <div class="delitko"> </div>
  74.         <div class="boxxtop">Anketa</div><div class="boxxbot"><center><strong>JakΘho pou╛φvßte mobilnφho operßtora?</strong></center><img src="./nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=0">Eurotel (20%)<br/><img src="./anketa/sloup.png" height="10" width="62" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=1">T-Mobile (21%)<br/><img src="./anketa/sloup.png" height="10" width="64" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=2">Oskar (26%)<br/><img src="./anketa/sloup.png" height="10" width="81" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=3">Jin² (12%)<br/><img src="./anketa/sloup.png" height="10" width="37" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><a class="ven" href="http://www.einstein.cz/anketa/anketa.php?hlas=4">Nemßm mobil (21%)<br/><img src="./anketa/sloup.png" height="10" width="64" border="0" alt="" /></a><br/><img src=./"nic.gif" width="1" height="10" border="0" alt="" /><br/><img src="./nic.gif" width="1" height="10" border="0" alt="" /><br/><center><strong>Celkem hlasovalo 110 lidφ.</strong></center></div>
  75.         <div class="delitko"> </div>
  76.        <div class="boxxtop">Co s Φlßnkem ?</div>
  77. <div class="boxxbot">
  78. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/tisk.php?id=74" target="_blank">Vytisknout</a><br/>
  79. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/doporucit.php?$server_cosclankem_url=http://www.einstein.cz/clanek.php?id=74">DoporuΦit</a><br/>
  80. <!-- <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/emailem.php?id=74&typ=txt">E-mailem TXT</a><br/>
  81. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/emailem.php?id=74&typ=html">E-mailem HTML</a><br/>
  82. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/stahnout.php?id=74&typ=txt">Stßhnout .TXT</a><br/>
  83. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/stahnout.php?id=74&typ=html">Stßhnout .HTML</a><br/>
  84. <img src="./bul.png" height="10" width="10" border="0"/> <a class="ven" href="http://www.einstein.cz/stahnout.php?id=74&typ=doc">Stßhnout .DOC</a><br/> -->
  85. </div>
  86. <div class="delitko"> </div>
  87.                         <div class="boxxtop">U╛ jste Φetli...?</div>
  88. <div class="boxxbot">
  89. <div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=23">HTML a formßtovßnφ textu</a></div><div class="delitko"> </div><div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=47">Vyhledßvßme na Google.com</a></div><div class="delitko"> </div><div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=33">P°echßzφme na XHTML</a></div><div class="delitko"> </div></div>
  90. <div class="delitko"> </div>        <!-- <div class="boxxtop">Einstein∙v tip</div>
  91.         <div class="boxxbot"></div>
  92.         <div class="delitko"> </div> -->
  93.         <div class="boxxtop">Ikonka serveru</div>
  94.         <div class="boxxbot" style="text-align:center;"><a class="ven" href="http://www.einstein.cz/oserveru/ikonka.php"><img src="./ikonka/ikonka.png" height="31" width="88" border="0" alt="Einstein.cz" /><br/><small>Ikonka serveru</small></a></div>
  95.         <div class="delitko"> </div></div>
  96.       <!-- <div class="obsah" style="background-color:#606099;padding:2px;color:#ffffff;">Tvorba WWW > PHP > Zßklady PHP</div> -->
  97.       <div class="obsah">   <div><h1>CSS - dΘlkovΘ jednotky, urΦovßnφ barev</h1></div><small>vydßno : <a class="ven" href="http://www.einstein.cz/vydano.php?d=04&m=02&r=2003">04. 02. 2003</a>, autor : <a class="ven" href="http://www.einstein.cz/autor.php?id=1">Marek Soldßt</a>, kategorie : <a class="ven" href="http://www.einstein.cz/tvorbawww/">Tvorba WWW</a> - <a class="ven" href="http://www.einstein.cz/tvorbawww/css/">CSS</a></small><br /><br /><p>Tento Φlßnek detailn∞ popisuje d∙le╛it² dopln∞k CSS a tφm jsou dΘlkovΘ jednotky.
  98. P°edstavφme se jednotky absolutnφ, relativnφ i procentußlnφ urΦovßnφ. TakΘ nezapomeneme
  99. na definovßnφ barev.</p><h2>DΘlkovΘ jednotky</h2>
  100.  
  101. <p>DΘlkovΘ jednotky se d∞lφ na <strong>absolutnφ</strong> a <strong>relativnφ</strong>.
  102. Do t∞ch relativnφch pat°φ <em>em</em>, <em>ex</em> a paradoxn∞ i jeden pixel. Do
  103. absolutnφch pak °adφme v╣echny ostatnφ.</p>
  104.  
  105. <h3>Pixel</h3>
  106.  
  107. <p>Pixel pat°φ mezi relativnφ jednotky proto, ╛e jeho skuteΦnß velikost zßvisφ
  108. na rozli╣enφ monitoru. Zapisujeme ho Φφslem a p°φponou <strong>px</strong>:</p>
  109.  
  110. <p class="priklad">div { width: <strong>50px</strong> }</p>
  111.  
  112. <h3>em</h3>
  113.  
  114. <p>Jeden <strong>em</strong> reprezentuje ╣φ°ku velkΘho pφsmene <strong>M</strong>.
  115. TaktΘ╛ se °adφ mezi relativnφ jednotky, proto╛e jeho skuteΦnß dΘlka pln∞ zßvisφ
  116. na nastavenΘ velikosti textu. Zapisuje se Φφslem a p°φponou <strong>em</strong>,
  117. m∙╛eme pou╛φvat i Φφsla desetinnß.</p>
  118.  
  119. <p class="priklad">div { width: <strong>13,5em</strong> }</p>
  120.  
  121. <h3>ex</h3>
  122.  
  123. <p>Jeden <strong>ex</strong> zase reprezentuje v²╣ku malΘho pφsmene <strong>x</strong>.
  124. Jako v p°edchozφm p°φpad∞ se jednß o jednotku relativnφ, jeho skuteΦnß dΘlka pln∞ zßvisφ
  125. na nastavenΘ velikosti textu. Zapisuje se Φφslem a p°φponou <strong>ex</strong>,
  126. i zde m∙╛eme pou╛φvat Φφsla desetinnß.</p>
  127.  
  128. <p class="priklad">div { width: <strong>13,5ex</strong> }</p>
  129.  
  130. <h3>Absolutnφ jednotky</h3>
  131.  
  132. <p>Jeliko╛ pravidla pro absolutnφ jednotky jsou zhruba stejnß (v╛dy se zapisuje Φφslem
  133. a nßzvem jednotky, Φφsla mohou b²t i desetinnß), ukß╛eme si je
  134. v╣echny pohromad∞:</p>
  135.  
  136. <p><table class="tabulka">
  137. <tr><td>Jednotka</td><td>Nßzev</td><td>╚esky</td><td>P°φklad zßpisu</td></tr>
  138. <tr><td>in</td><td>inch</td><td>palcc</td><td>1,7in</td></tr>
  139. <tr><td>cm</td><td>centimeter</td><td>centimetr</td><td>8,5cm</td></tr>
  140. <tr><td>mm</td><td>milimeter</td><td>milimetr</td><td>12mm</td></tr>
  141. <tr><td>pt</td><td>point</td><td>bod</td><td>12pt</td></tr>
  142. <tr><td>pc</td><td>pica</td><td>pica</td><td>13,5pc</td></tr>
  143. </table></p>
  144.  
  145. <h2>Procenta</h2>
  146.  
  147. <p>ObΦas si s p°edchozφmi dΘlkov²mi jednotkami prost∞ nevystaΦφme, nebo jsou pro
  148. dan² p°φpad p°φli╣ slo╛itß. V t∞chto p°φpadech m∙╛eme v∞t╣inou pou╛φt i procentußlnφ
  149. zßpis, s tφm, ╛e 100% je dΘlka danΘ vlastnosti v p°φpad∞, ╛e by nebyla uvedena.
  150. Zßpis se provßdφ Φφslem a znakem <strong>%</strong>:</p>
  151.  
  152. <p class="priklad">div { width: <strong>150%</strong> }</p>
  153.  
  154. <h2>Barvy</h2>
  155.  
  156. <p>Zßpis barvy lze provßd∞t rozliΦn²mi zp∙soby, poj∩me se na n∞ podφvat:</p>
  157.  
  158. <h3>Zßpis nßzvem barvy</h3>
  159.  
  160. <p>Zßpis nßzvem barvy se pou╛φvß velmi mßlo, je k tomu ale takΘ pßsn² d∙vod. Jedna
  161. takto zapsanß barva toti╛ m∙╛e vypadat jinak v jednom prohlφ╛eΦi tak a v druhΘm
  162. zase jinak. Existuje asi 140 barev, kterΘ lze takto zapsat, ale relativn∞ spolehlivΘ
  163. zobrazenφ lze Φekat jen u 16 zßkladnφch:</p>
  164.  
  165. <p><table class="tabulka">
  166. <tr><td>Nßzev barvy</td><td>Ukßzka</td></tr>
  167. <tr><td>Black</td><td style="background-color:black;color:black;">Ukßzka</td></tr>
  168. <tr><td>Navy</td><td style="background-color:navy;color:navy;">Ukßzka</td></tr>
  169. <tr><td>Blue</td><td style="background-color:blue;color:blue;">Ukßzka</td></tr>
  170. <tr><td>Maroon</td><td style="background-color:maroon;color:maroon;">Ukßzka</td></tr>
  171. <tr><td>Purple</td><td style="background-color:purple;color:purple;">Ukßzka</td></tr>
  172. <tr><td>Green</td><td style="background-color:green;color:green;">Ukßzka</td></tr>
  173. <tr><td>Red</td><td style="background-color:red;color:red;">Ukßzka</td></tr>
  174. <tr><td>Teal</td><td style="background-color:teal;color:teal;">Ukßzka</td></tr>
  175. <tr><td>Magenta</td><td style="background-color:magenta;color:magenta;">Ukßzka</td></tr>
  176. <tr><td>Olive</td><td style="background-color:olive;color:olive;">Ukßzka</td></tr>
  177. <tr><td>Gray</td><td style="background-color:gray;color:gray;">Ukßzka</td></tr>
  178. <tr><td>Lime</td><td style="background-color:lime;color:lime;">Ukßzka</td></tr>
  179. <tr><td>Aqua</td><td style="background-color:aqua;color:aqua;">Ukßzka</td></tr>
  180. <tr><td>Silver</td><td style="background-color:silver;color:silver;">Ukßzka</td></tr>
  181. <tr><td>Yellow</td><td style="background-color:yellow;color:yellow;">Ukßzka</td></tr>
  182. <tr><td>White</td><td style="background-color:white;color:white;">Ukßzka</td></tr>
  183. </table></p>
  184.  
  185. <p>P°φklad zßpisu pomocφ nßzvu:</p>
  186.  
  187. <p class="priklad">p { color: red }</p>
  188.  
  189. <h3>Zßpis RGB</h3>
  190.  
  191. <p>Barvu takΘ m∙╛eme zapsat pomocφ RGB. Ten spoΦφvß v nastavenφ intenzity
  192. ΦervenΘ, zelenΘ a modrΘ Φφslem 0 - 255. Toto nastavenφ se zapisuje nßsledujφcφm
  193. zp∙sobem:</p>
  194.  
  195. <p class="priklad">rgb(cervena,zelena,modra)</p>
  196.  
  197. <p>P°φklad</p>
  198.  
  199. <p class="priklad">p { color: rgb(140,68,0) }</p>
  200.  
  201. <h3>Hexadecimßlnφ zßpis</h3>
  202.  
  203. <p>Hexadecimßlnφ zßpis barvy je bez nadsßzky nejpou╛φvan∞j╣φ. Sv²m principem se
  204. podobß zßpisu RGB, mφsto Φφsel 0-9 se ale pou╛φvajφ hexadecimßlnφ znaky, tedy
  205. 0123456789ABCDEF. P°ed cel² zßpis pak vlo╛φme m°φ╛ku #. Existujφ dv∞ varianty
  206. RGB zßpisu. Tou prvnφ, nejpou╛φvan∞j╣φ je zßpis po dvou znacφch, tedy #╚╚ZZMM
  207. (╚ = Φervenß, Z = zelenß, M = modrß). M∙╛eme ale zapisovat takΘ po jednom znaku,
  208. tedy #╚ZM, co╛ omezuje v²b∞r na safe-colors, tedy tzv. <em>bezpeΦnΘ barvy</em>.
  209. To jsou barvy, kterΘ by se m∞li v ka╛dΘm prohlφ╛eΦi zobrazit ·pln∞ stejn∞. </p>
  210.  
  211. <p>P°φklad zßpisu #╚╚ZZMM:</p>
  212.  
  213. <p class="priklad">p { color: #A48000 }</p>
  214.  
  215. <p>P°φklad zßpisu #╚ZM:</p>
  216.  
  217. <p class="priklad">p { color: #A80 }</p>
  218.  
  219. <p>Kouzlo prvnφ varianty je v tom, ╛e se dß jednodu╣e p°evßd∞t mezi RGB zßpisem
  220. pomocφ obyΦejnΘ kalkulaΦky, kterß podporuje hexadecimßlnφ soustavu.</p>
  221. <div class="autor">
  222.   <div class="foto"><img src="./data/autori/foto1.png" width="80" height="100" border="0" alt="Fotografie autora" /></div>
  223.   <div class="jmeno"><strong>Marek Soldßt</strong>,
  224.   <a class="ven" href="http://www.einstein.cz/mailto:marek@soldat.cz">marek@soldat.cz</a></div>
  225.   <div class="popis">Autor je ╣Θfredaktorem serveru <a class="ven" href="http://www.einstein.cz/http://www.einstein.cz/">Einstein.cz</a>.</div>
  226.   </div><div class="oddelovac"> </div><div class="kontrolboxlight">
  227.               <div><big>Tento Φlßnek je souΦßstφ serißlu <strong><a class="ven" href="http://www.einstein.cz/serial.php?id=8">CSS</a></strong></big></div>
  228.               </div><div class="delitko"> </div><div class="celltable" cellspacing="0"><div class="celltabletop">Komentß°e</div>
  229. <div class="celltablebot"><table style="font-size:12px;" cellspacing="0">
  230. <tr><td><strong>V∞c</strong></td><td style="width:100px;"><strong>Autor</strong></td><td style="width:160px;"><strong>Datum a Φas</strong></td></tr>
  231. <tr><td colspan="3"><br><div style="text-align:center;">K Φlßnku nejsou ╛ßdnΘ komentß°e.</div><br></td></tr><tr><td colspan="3"><a class="ven" href="http://www.einstein.cz/komentare/zobrazit.php?clanekid=74">Zobrazit V╣e</a> | <a class="ven" href="http://www.einstein.cz/komentare/novy.php?clanekid=74&odpoved=0">P°idat nov²</a></td></tr></table>
  232. </div></div>
  233. <div class="delitko"></div>
  234.       </div>
  235.     <div style="clear:left;height:5px;"></div>
  236.     <div style="clear:right;"></div>
  237.   </div>
  238.     </div><div class="menu">
  239.       <span><a class="ven" href="http://www.einstein.cz/aktuality/">Aktuality</a></span>
  240.       <span><a class="ven" href="http://www.einstein.cz/diskuze/">Diskuze</a></span>
  241.       <span><a class="ven" href="http://www.einstein.cz/hardware/">Hardware</a></span>
  242.       <span><a class="ven" href="http://www.einstein.cz/internet/">Internet</a></span>
  243.       <!-- <div><a class="ven" href="http://www.einstein.cz/programovani/">Programovßnφ</a></div> -->
  244.       <span class="active"><a class="ven" href="http://www.einstein.cz/tvorbawww/">Tvorba WWW</a></span>
  245.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/">Download</a></div> -->
  246.       <!-- <div><a class="ven" href="http://www.einstein.cz/literatura/">Literatura</a></div> -->
  247.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/">Hry</a></div> -->
  248.       <span><a class="ven" href="http://www.einstein.cz/historie/">Historie poΦφtaΦ∙</a></span>
  249.       <span><a class="ven" href="http://www.einstein.cz/oserveru/">O serveru</a></span>
  250.       <span><a class="ven" href="http://www.einstein.cz/slovnik/">IT Slovnφk</a></span>
  251.       <div class="oblibene"><a class="ven" href="http://www.einstein.cz/#top">Nahoru</a> <img src="./nahoru.gif" border="0" height="10" width="10" alt="Nahoru" /></div>
  252.     </div>
  253.   <div class="copyright">© Copyright Marek Soldßt 2003, kopφrovßnφ a nßslednΘ ╣φ°enφ jakΘkoli Φßsti obsahu bez <a class="ven" href="http://www.einstein.cz/svoleni.php">souhlasu autora</a> zakßzßno!</div>
  254. </div></body></html>