home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 April / Chip_2003-04_cd1.bin / internet / Einstein / clanek81.html < prev    next >
Encoding:
Extensible Markup Language  |  2003-02-18  |  19.8 KB  |  248 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 - vlastnosti blokov²ch element∙</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=81" 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=81">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=81&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=81&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=81&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=81&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=81&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=61">SIMM, RIMM, DIMM</a></div><div class="delitko"> </div><div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=39">Zßklady PHP - Data z formulß°e</a></div><div class="delitko"> </div><div>- <a class="ven" href="http://www.einstein.cz/clanek.php?id=5">Historie Apple Computer 1985-1993</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 - vlastnosti blokov²ch element∙</h1></div><small>vydßno : <a class="ven" href="http://www.einstein.cz/vydano.php?d=17&m=02&r=2003">17. 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>V tomto dφle si detailn∞ji popφ╣eme vlastnosti blokov²ch element∙, zm∞nu jejich
  98. velikosti, vnit°nφch i vn∞j╣φch okraj∙ a rßmeΦk∙.</p><h2>Velikost</h2>
  99.  
  100. <p>Velikost blokov²ch element∙ urΦujφ vlastnosti <strong>width</strong> a
  101. <strong>height</strong>. <strong>width</strong> urΦuje ╣φ°ku, <strong>height</strong>
  102. v²╣ku elementu. Obojφ lze urΦovat dΘlkov²mi jednotkami, procentußln∞ (z maximßlnφ
  103. mo╛nΘ ╣φ°ky/v²╣ky) a obojφ lze nastavit na auto (danß vlastnost se p°izp∙sobφ
  104. okolnostem, nefunguje spolehliv∞ ve v╣ech prohlφ╛eΦφch).</p>
  105.  
  106. <h2>Box model</h2>
  107.  
  108. <p>Dal╣φ vlastnosti blokov²ch element∙ reprezentuje tzv. <em>box model</em>.
  109. Jeho nßΦrt vypadß asi takto:</p>
  110.  
  111. <p class="obrazek"><img src="data/tvorbawww/css/boxmodel.png" width="300" height="200" alt="Box model" /></p>
  112.  
  113. <p>JednotlivΘ vlastnosti si nφ╛e detailn∞ji popφ╣eme.</p>
  114.  
  115. <h3>Vn∞j╣φ okraj (margin)</h3>
  116.  
  117. <p>Vn∞j╣φm okrajem myslφme mφsto vn∞ blokovΘho prvku, kde se nesmφ nachßzet nic
  118. jinΘho (╛ßdn² jin² prvek, ani rßmeΦek prvku rodiΦovskΘho). Nßsledujφcφ p°φklad
  119. mluvφ sßm za sebe:</p>
  120.  
  121. <p class="obrazek"><img src="data/tvorbawww/css/margin.png" width="300" height="200" alt=" Ukßzka vlastnosti margin " /></p>
  122.  
  123. <p>Jak jste u╛ jist∞ vypozorovali, tato vlastnost mß nßzev <strong>margin</strong>
  124. a k definovßnφ tohoto kraje se pou╛φvajφ dΘlkovΘ jednotky.</p>
  125.  
  126. <p>Vn∞j╣φ okraj, nebo-li margin m∙╛eme nastavit bu∩ pro v╣echny strany stejn²:</p>
  127.  
  128. <p class="priklad">div { margin:5px; }</p>
  129.  
  130. <p>Nebo pro ka╛dou stranu jin²:</p>
  131.  
  132. <p class="priklad">
  133. div {<br/>
  134. margin-top:1px; /* hornφ okraj */<br/>
  135. margin-right:2px; /* prav² okraj */<br/>
  136. margin-bottom:3px; /* dolnφ okraj */<br/>
  137. margin-left:4px; /* lev² okraj */<br/>
  138. }</p>
  139.  
  140. <p>To samΘ lze vyjßd°it i zkrßcen²m zßpisem:</p>
  141.  
  142. <p class="priklad">div { margin: 1px 2px 3px 4px; }</p>
  143.  
  144. <h3>RßmeΦek (border)</h3>
  145.  
  146. <p>U rßmeΦku m∙╛eme definovat t°i vlastnosti - tlou╣╗ku (<strong>border-width</strong>)
  147. pomocφ dΘlkov²ch jednotek, styl (<strong>border-style</strong>) a barvu (<strong>border-color</strong>).
  148. Tabulka styl∙ je zde:</p>
  149.  
  150. <p><table class="tabulka">
  151. <tr><td>Nßzev stylu</td><td>Popis</td></tr>
  152. <tr><td>dotted</td><td>?</td></tr>
  153. <tr><td>dashed</td><td>?</td></tr>
  154. <tr><td>solid</td><td>normßlnφ Φßra</td></tr>
  155. <tr><td>double</td><td>dvojitß Φßra</td></tr>
  156. <tr><td>groove</td><td>vystoupl² 3D rßmeΦek</td></tr>
  157. <tr><td>ridge</td><td>jin² 3d rßmeΦek</td></tr>
  158. <tr><td>inset</td><td><em>klesajφcφ</em> rßmeΦek</td></tr>
  159. <tr><td>outset</td><td><em>stoupajφcφ, vystupujφcφ</em> rßmeΦek</td></tr>
  160. <tr><td>hidden</td><td><em>schovan², neviditeln²</em> rßmeΦek = bez rßmeΦku</td></tr>
  161. </table></p>
  162.  
  163. <p>P°φklad:</p>
  164.  
  165. <p class="priklad">div {<br/>
  166. border-width:1px;<br/>
  167. border-style:solid;<br/>
  168. border-color:#000000;<br/>}</p>
  169.  
  170. <p>P°φklad urΦuje, ╛e rßmeΦek tohoto objektu bude 1 pixel tlust², bude tvo°en
  171. jednoduchou Φßrou a jeho barva bude #000000, tedy Φernß. Podobn∞ jako u vlastnosti
  172. margin i zde lze provΘst zkrßcen² zßpis:</p>
  173.  
  174. <p class="priklad">div { border:1px solid #000000; }</p>
  175.  
  176. <p>I rßmeΦek m∙╛eme definovat pro ka╛dou stranu jin² p°idßnφm
  177. <strong>-top</strong> (naho°e),
  178. <strong>-right</strong> (vpravo),
  179. <strong>-bottom</strong> (dole), nebo
  180. <strong>-left</strong> (vlevo) hned za <em>border</em>. V²slednΘ konstrukce mohou vypadat n∞jak
  181. takto:</p>
  182.  
  183. <p>
  184. <strong>border-left</strong> (lev² rßmeΦek - v╣echny vlastnosti)<br/>
  185. <strong>border-left-style</strong> (lev² rßmeΦek - styl)<br/>
  186. <strong>border-bottom</strong> (dolnφ rßmeΦek - v╣echny vlastnosti)<br/>
  187. <strong>border-bottom-width</strong> (lev² rßmeΦek - ╣φ°ka)<br/>
  188. atd.
  189. </p>
  190.  
  191. <h3>Vnit°nφ okraj (padding)</h3>
  192.  
  193. <p>Vlastnost <strong>padding</strong> se podobß vlastnosti margin, definuje ale
  194. mezeru mezi rßmeΦkem elementu a jeho obsahem. Stejn∞, jako u margin se k definovßnφ
  195. pou╛φvajφ dΘlkovΘ jednotky a i tentokrßt si ukß╛eme ilustrativnφ obrßzek:</p>
  196.  
  197. <p class="obrazek"><img src="data/tvorbawww/css/padding.png" width="300" height="200" alt=" Ukßzka vlastnosti padding " /></p>
  198.  
  199. <p>Stejn∞, jako okraj vn∞j╣φ, m∙╛eme i ten vnit°nφ nastavit pro v╣echny strany stejn²,</p>
  200.  
  201. <p class="priklad">div { padding:5px; }</p>
  202.  
  203. <p>pro ka╛dou stranu jin²,</p>
  204.  
  205. <p class="priklad">
  206. div {<br/>
  207. padding-top:1px; /* hornφ okraj */<br/>
  208. padding-right:2px; /* prav² okraj */<br/>
  209. padding-bottom:3px; /* dolnφ okraj */<br/>
  210. padding-left:4px; /* lev² okraj */<br/>
  211. }</p>
  212.  
  213. <p>nebo pou╛φt zkrßcen² zßpis:</p>
  214.  
  215. <p class="priklad">div { margin: 1px 2px 3px 4px; }</p><div class="autor">
  216.   <div class="foto"><img src="./data/autori/foto1.png" width="80" height="100" border="0" alt="Fotografie autora" /></div>
  217.   <div class="jmeno"><strong>Marek Soldßt</strong>,
  218.   <a class="ven" href="http://www.einstein.cz/mailto:marek@soldat.cz">marek@soldat.cz</a></div>
  219.   <div class="popis">Autor je ╣Θfredaktorem serveru <a class="ven" href="http://www.einstein.cz/http://www.einstein.cz/">Einstein.cz</a>.</div>
  220.   </div><div class="oddelovac"> </div><div class="kontrolboxlight">
  221.               <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>
  222.               </div><div class="delitko"> </div><div class="celltable" cellspacing="0"><div class="celltabletop">Komentß°e</div>
  223. <div class="celltablebot"><table style="font-size:12px;" cellspacing="0">
  224. <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>
  225. <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=81">Zobrazit V╣e</a> | <a class="ven" href="http://www.einstein.cz/komentare/novy.php?clanekid=81&odpoved=0">P°idat nov²</a></td></tr></table>
  226. </div></div>
  227. <div class="delitko"></div>
  228.       </div>
  229.     <div style="clear:left;height:5px;"></div>
  230.     <div style="clear:right;"></div>
  231.   </div>
  232.     </div><div class="menu">
  233.       <span><a class="ven" href="http://www.einstein.cz/aktuality/">Aktuality</a></span>
  234.       <span><a class="ven" href="http://www.einstein.cz/diskuze/">Diskuze</a></span>
  235.       <span><a class="ven" href="http://www.einstein.cz/hardware/">Hardware</a></span>
  236.       <span><a class="ven" href="http://www.einstein.cz/internet/">Internet</a></span>
  237.       <!-- <div><a class="ven" href="http://www.einstein.cz/programovani/">Programovßnφ</a></div> -->
  238.       <span class="active"><a class="ven" href="http://www.einstein.cz/tvorbawww/">Tvorba WWW</a></span>
  239.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/">Download</a></div> -->
  240.       <!-- <div><a class="ven" href="http://www.einstein.cz/literatura/">Literatura</a></div> -->
  241.       <!-- <div><a class="ven" href="http://www.einstein.cz/download/">Hry</a></div> -->
  242.       <span><a class="ven" href="http://www.einstein.cz/historie/">Historie poΦφtaΦ∙</a></span>
  243.       <span><a class="ven" href="http://www.einstein.cz/oserveru/">O serveru</a></span>
  244.       <span><a class="ven" href="http://www.einstein.cz/slovnik/">IT Slovnφk</a></span>
  245.       <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>
  246.     </div>
  247.   <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>
  248. </div></body></html>