home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / chplus / jaknaweb / css.php@zobrazena_strana=2.html < prev    next >
Encoding:
Extensible Markup Language  |  2004-03-01  |  22.9 KB  |  244 lines
  1. <?xml version="1.0" encoding="windows-1250"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
  5. <meta name="keywords" content="CSS, KaskßdovΘ styly" />
  6. <meta name="description" content="CSS, KaskßdovΘ styly" />
  7. <meta name="author" content="All: Honza Petr [Dwein]; mailto:dwein@seznam.cz" />
  8. <meta name="robots" content="all" />
  9. <title>CSS - KaskßdovΘ styly - JakNaWeb.com</title>
  10. <style media='all' type='text/css'>
  11. @import 'style/style.css';
  12. @import 'style/help.css';
  13. </style>
  14. <script type="text/javascript" src="script/scripts.js"></script>
  15. </head>
  16. <body>
  17. <div id="hlavni">
  18.  <div id="hlavicka">
  19.   <div id="banner">
  20. <div class="registrace-domeny"><a href="http://old.hyperlink.cz/Info/JakNaWeb.asp">Registrovat domΘnu a zalo₧it nov² web</a></div>
  21. <a href="http://www.jaknaweb.com/"><img src="./images/logo_hyperlink.gif" alt="Logo & index link" /></a>
  22. <a href="http://old.hyperlink.cz/Info/JakNaWeb.asp"  onClick="return !bar(this.href);"><img src="images/banners/468x60-predplatne.gif" width="468" height="60" alt="hyperlink.cz - reklama" /></a>
  23.  
  24. </div>  <div id="hlavicka-obl"><a href="http://www.jaknaweb.com/" class="levof home" title="Hlavnφ strßnka">Jφt na hlavnφ strßnku</a>
  25.    <div class="pravof home"><script type="text/javascript"> oblibene_fc(); </script></div>
  26.   </div> </div>
  27. <div id="ls">
  28.  <div class="nadpis-sekce">  Programovßnφ</div>
  29.   <ul class="navlist">
  30.    <li><a href="html.html">HTML, DHTML</a></li>
  31.    <li><a href="html_xhtm.html">XHTML</a></li>
  32.    <li><a href="php.html">PHP</a></li>
  33.    <li><a href="asp.html">ASP</a></li>
  34.    <li><a href="mysql.html">MySQL</a></li>
  35.    <li><a href="xml.html">XML</a></li>
  36.    <li><a href="javascript.html">Java Script</a></li>
  37.    <li class="akt"><a href="css.html">CSS</a></li>
  38.    <li><a href="net.html">.NET</a></li>
  39.    <li><a href="macromedia.html">Macromedia</a></li>
  40.    <li><a href="tvorbawww.html">Tvorba www</a></li>
  41.    <li><a href="tipy.html">Tipy a triky</a></li>
  42.    <li><a href="editory.html">Editory</a></li>
  43.    <li><a href="vyhledat.html">-vyhledßvßnφ-</a></li>
  44.    <li><a href="naposledypridane.html">-novΘ Φlßnky-</a></li>
  45.   </ul>
  46.   <div class="nadpis-sekce2">Scripty</div>
  47.    <ul class="navlist">
  48.    <li><a href="scripty=javascript=nezaraditelne.html">Java Scripty</a></li>
  49.    <li><a href="scripty=php=ostatni.html">PHP scripty</a></li>
  50.   </ul>  <div class="nadpis-sekce2">  Ostatnφ</div>
  51.   <ul class="navlist">
  52.    <li><a href="http://www.jaknaweb.com/banners/redir.php?id=42&url=http://www.hostingy.cz/?in=jaknaweb"  title="[externφ odkaz]" onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">P°ehled hostingu</a></li>
  53.    <li><a href="diskuse.html">Diskusnφ f≤rum</a></li>
  54.    <li><a href="page.php@id=odkazy.html">Odkazy</a></li>
  55.    <li><a href="page.php@id=info">O strßnkßch</a></li>
  56.    <li><a href="page.php@id=banner">Banner</a></li>
  57.    <li><a href="email.html">NapiÜte mi</a></li>
  58.   </ul> <div id="dop">
  59.   <div class="dop-text">DoporuΦujeme:</div>
  60.   <a href="http://www.blueboard.cz/engine.php?from=4"  onClick="return !bar(this.href);"><img src="images/banners/blueboard.gif" alt="Blueboard.cz (ikona)" width="88" height="30" /></a>
  61.   <a href="http://www.jaknaweb.com/banners/redir.php?url=http://www.hoax.cz/&id=43"  onClick="return !bar(this.href);"><img src="images/banners/hoax.gif" alt="Hoax.cz" width="88" height="31" /></a>
  62. </div></div>
  63. <div id="ps">
  64.  <table summary="Webovß grafika" class="webgraf" cellspacing="0">
  65.   <tr><td colspan="2" class="napis">Webovß grafika</td></tr>
  66.   <tr><td class="wg"><a href="./page.php@co=grafika=cary.html">╚ßry</a></td><td class="tp"><a href="./page.php@co=grafika=planety.html">Planety</a></td></tr>
  67.   <tr><td class="wg"><a href="./page.php@co=grafika=diskety.html">CD,Diskety</a></td><td><a href="./page.php@co=grafika=pocasi.html">PoΦasφ</a></td></tr>
  68.   <tr><td class="wg"><a href="./page.php@co=grafika=cigarety.html">Cigarety</a></td><td><a href="./page.php@co=grafika=postavy.html">Postavy</a></td></tr>
  69.   <tr><td class="wg"><a href="./page.php@co=grafika=clovek.html">╚lov∞k</a></td><td><a href="./page.php@co=grafika=puntiky.html">Puntφky</a></td></tr>
  70.   <tr><td class="wg"><a href="./page.php@co=grafika=domy.html">Domy</a></td><td><a href="./page.php@co=grafika=rostliny.html">Rostliny</a></td></tr>
  71.   <tr><td class="wg"><a href="./page.php@co=grafika=doprava.html">Doprava</a></td><td><a href="./page.php@co=grafika=sipky.html">èipky</a></td></tr>
  72.   <tr><td class="wg"><a href="./page.php@co=grafika=download.html">Download</a></td><td><a href="./page.php@co=grafika=smajlici.html">Smajlφci</a></td></tr>
  73.   <tr><td class="wg"><a href="./page.php@co=grafika=email.html">E-mail, fax</a></td><td><a href="./page.php@co=grafika=sport.html">Sport</a></td></tr>
  74.   <tr><td class="wg"><a href="./page.php@co=grafika=hodiny.html">Hodiny</a></td><td><a href="./page.php@co=grafika=svicky.html">SvφΦky,oh≥e</a></td></tr>
  75.   <tr><td class="wg"><a href="./page.php@co=grafika=hudba.html">Hudba</a></td><td><a href="./page.php@co=grafika=symboly.html">Symboly</a></td></tr>
  76.   <tr><td class="wg"><a href="./page.php@co=grafika=hvezdy.html">Hv∞zdy</a></td><td><a href="./page.php@co=grafika=technika.html">Technika</a></td></tr>
  77.   <tr><td class="wg"><a href="./page.php@co=grafika=icony.html">Ikony</a></td><td><a href="./page.php@co=grafika=tlacitka.html">TlaΦφtka</a></td></tr>
  78.   <tr><td class="wg"><a href="./page.php@co=grafika=jidloapiti.html">Jφdlo a pitφ </a></td><td><a href="./page.php@co=grafika=vanoce.html">Vßnoce</a></td></tr>
  79.   <tr><td class="wg"><a href="./page.php@co=grafika=knihy.html">Knihy</a></td><td><a href="./page.php@co=grafika=veci.html">V∞ci</a></td></tr>
  80.   <tr><td class="wg"><a href="./page.php@co=grafika=laska.html">Lßska</a></td><td><a href="./page.php@co=grafika=vlajky.html">Vlajky</a></td></tr>
  81.   <tr><td class="wg"><a href="./page.php@co=grafika=mapy.html">Mapy</a></td><td><a href="./page.php@co=grafika=vystavba.html">V²stavba</a></td></tr>
  82.   <tr><td class="wg"><a href="./page.php@co=grafika=narozeniny.html">Narozeniny</a></td><td><a href="./page.php@co=grafika=zeme.html">Zem∞</a></td></tr>
  83.   <tr><td class="wg"><a href="./page.php@co=grafika=new.html">New</a></td><td><a href="./page.php@co=grafika=znameni.html">Znamenφ </a></td></tr>
  84.   <tr><td class="wg"><a href="./page.php@co=grafika=ohnostroj.html">Oh≥ostroj</a></td><td><a href="./page.php@co=grafika=zvirata.html">Zvφ°ata</a></td></tr>
  85.   <tr><td class="wg"><a href="./page.php@co=grafika=pisma.html">Pφsma</a></td><td><a href="./page.php@co=grafika=ostatni.html">Ostatnφ...</a></td></tr>
  86.  </table>
  87.   <div id="graf-stat">Celkem: <span class="oranzova">10 234</span> obrßzk∙</div> <div id="spon">
  88.  <a href="http://old.hyperlink.cz/Info/JakNaWeb.asp" onClick="return !bar(this.href);"><img src="./images/banners/125x125-predplatne.gif" alt="hyperlink.cz - reklama" /></a>
  89.  </div></div>
  90.  
  91.   <div id="s-stred">
  92.  <div id="s-top"><h2>CSS - KaskßdovΘ styly</h2></div>
  93.  <div id="s-stat">
  94. Nachßzφte se na stran∞: <strong> 2/6</strong> Celkem je zde: <strong> 86</strong> zßznam∙.        </div>
  95. <div class="strankovani"><a href="css.html" title="Jφt na p°edchozφ strßnku"><< P╪EDCHOZ═</a> |  <a href="css.html">1</a>  <a href="css.php@zobrazena_strana=2.html">2</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=3">3</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=4">4</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=5">5</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=6">6</a>  | <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=3" title="Jφt na dalÜφ strßnku">DALè═ >></a> </div>                       
  96.  <div class="s-obal">
  97.   <div class="s-radek">
  98.   <div class="s-hits">[374]</div>
  99.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1709"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  100.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1709&url=http://interval.cz/clanek.asp?id=1638"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Umφme p°i°azovat styly znaΦkßm HTML</a></div></div>
  101.   <div class="s-popis">Prvnφ verze kaskßdov²ch styl∙ nabφzφ vesm∞s primitivnφ mo₧nosti p°i°azenφ styl∙ znaΦkßm webovΘ strßnky. S p°φchodem druhΘ verze je mo₧nΘ aplikovat styly nap°φklad na sousednφ znaΦky Φi na zßklad∞ hodnot jejich atribut∙. Jak vypadajφ takovΘ zßpisy a jak ji</div>
  102.  </div>
  103.  <div class="s-obal">
  104.   <div class="s-radek">
  105.   <div class="s-hits">[340]</div>
  106.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1705"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  107.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1705&url=http://interval.cz/clanek.asp?id=1730"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Automaticky generovan² obsah v CSS</a></div></div>
  108.   <div class="s-popis">Pomocφ druhΘ verze kaskßdov²ch styl∙ je mo₧nΘ obsah webov²ch strßnek nejenom zkrßÜlovat, ale tΘ₧ rozÜi°ovat o dalÜφ textovΘ prvky. K tomu slou₧φ vlastnost content, kterou je mo₧nΘ pou₧φt ve specißlnφch pseudot°φdßch :before a :after. 
  109.  
  110. </div>
  111.  </div>
  112.  <div class="s-obal">
  113.   <div class="s-radek">
  114.   <div class="s-hits">[764]</div>
  115.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1704"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  116.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1704&url=http://interval.cz/clanek.asp?id=1741"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">NavigaΦnφ menu pomocφ CSS</a></div></div>
  117.   <div class="s-popis">Dnes si ukß₧eme, jak pouze pomocφ CSS vytvo°it navigaΦnφ menu s roll-over efekty. Jednß se o oblast CSS, kterß je vyu₧itelnß ji₧ v dneÜnφch prohlφ₧eΦφch, proto byste si Φlßnek rozhodn∞ nem∞li nechat ujφt! 
  118.  
  119. </div>
  120.  </div>
  121.  <div class="s-obal">
  122.   <div class="s-radek">
  123.   <div class="s-hits">[306]</div>
  124.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1703"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  125.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1703&url=http://interval.cz/clanek.asp?id=1745"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 û kaskßdovΘ styly podruhΘ</a></div></div>
  126.   <div class="s-popis">Jan Dudek se pustil do zmapovßnφ nejnov∞jÜφch vlastnostφ CSS2 a pustil se na tenk² led jejich podpory r∙zn²mi prohlφ₧eΦi. P°ipravil pro vßs zajφmav² serißl, kter² bude postupn∞ vychßzet na Intervalu. Ji₧ v ·vodnφm dφlu si vzal na muÜku zm∞nu kurzoru a stφ</div>
  127.  </div>
  128.  <div class="s-obal">
  129.   <div class="s-radek">
  130.   <div class="s-hits">[308]</div>
  131.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1702"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  132.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1702&url=http://interval.cz/clanek.asp?id=1762"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Specißlnφ funkce v kaskßdov²ch stylech</a></div></div>
  133.   <div class="s-popis">Pseudot°φdy :before a :after v kaskßdov²ch stylech p°edstavujφ sv²m zp∙sobem zvlßÜtnφ kategorii. Lze v nφ uplatnit unikßtnφ vlastnost content, kterß m∙₧e mφt za hodnoty specißlnφ funkce. KterΘ funkce to jsou a jak se pou₧φvajφ se dozvφte v nßsledujφcφm te</div>
  134.  </div>
  135.  <div class="s-obal">
  136.   <div class="s-radek">
  137.   <div class="s-hits">[282]</div>
  138.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1701"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  139.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1701&url=http://interval.cz/clanek.asp?id=1778"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 û selektory, pseudot°φdy a pseudoelementy</a></div></div>
  140.   <div class="s-popis">Podφvejme se na podrobn² p°ehled nov²ch selektor∙, pseudot°φd a pseudoelement∙, kterΘ byly p°idßny v CSS2. 
  141.  
  142. </div>
  143.  </div>
  144.  <div class="s-obal">
  145.   <div class="s-radek">
  146.   <div class="s-hits">[274]</div>
  147.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1700"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  148.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1700&url=http://interval.cz/clanek.asp?id=1805"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 û at rules aneb pravidla zavinßΦe</a></div></div>
  149.   <div class="s-popis">At rules jsou specißlnφ p°φkazy CSS2 (v nßsledujφcφm textu je budu naz²vat @pravidla). Dovolujφ pou₧itφ urΦitΘho stylu na cφl, kter² nenφ v XHTML definovateln², nebo p°edstavujφ v²konnΘ p°φkazy. ZaΦφnajφ znakem @, nßsledovan²m samotn²m identifikßtorem pra</div>
  150.  </div>
  151.  <div class="s-obal">
  152.   <div class="s-radek">
  153.   <div class="s-hits">[290]</div>
  154.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1698"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  155.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1698&url=http://interval.cz/clanek.asp?id=1811"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 - pravidlo strßnky</a></div></div>
  156.   <div class="s-popis">Strßnkovß mΘdia (nßhledy pro tisk, prezentace pro projektory ad.) jsou zvlßÜtnφm druhem za°φzenφ pro zobrazovßnφ dokument∙. Narozdφl od monitor∙ nemohou poskytnout zßzemφ pro posun zobrazovanΘ oblasti. Namφsto toho rozd∞lujφ dokument na pomyslnΘ strßn....</div>
  157.  </div>
  158.  <div class="s-obal">
  159.   <div class="s-radek">
  160.   <div class="s-hits">[275]</div>
  161.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1697"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  162.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1697&url=http://interval.cz/clanek.asp?id=1828"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 û automaticky generovan² obsah</a></div></div>
  163.   <div class="s-popis">V jednom z minul²ch Φlßnk∙ jste se mimo jinΘ dozv∞d∞li, ₧e v CSS2 existujφ dva novΘ pseudoelementy :before a :after. Podφvejme se na n∞ podrobn∞ji. Ukß₧i vßm takΘ mechanismus vklßdßnφ uvozovek a Φφslovßnφ, kterΘ s t∞mito pseudoelementy p°φmo souvisejφ.</div>
  164.  </div>
  165.  <div class="s-obal">
  166.   <div class="s-radek">
  167.   <div class="s-hits">[316]</div>
  168.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1695"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  169.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1695&url=http://interval.cz/clanek.asp?id=1874"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 û formßtovacφ mo₧nosti tabulek</a></div></div>
  170.   <div class="s-popis">I kdy₧ se tentokrßt budeme zab²vat prßv∞ zmφn∞n²mi mo₧nostmi tabulek, pova₧uji v nßsledujφcφm textu tabulku pouze za v²stup strukturovan²ch dat, nikoli za formßtovacφ prost°edek. Vstupme tedy za oponu tabulek v CSS2 a jejich podpory v prohlφ₧eΦφch.</div>
  171.  </div>
  172.  <div class="s-obal">
  173.   <div class="s-radek">
  174.   <div class="s-hits">[346]</div>
  175.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1692"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  176.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1692&url=http://interval.cz/clanek.asp?id=1883"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS2 û pozicovßnφ element∙</a></div></div>
  177.   <div class="s-popis">Jednφm z hlavnφch nedostatk∙ p∙vodnφho HTML a CSS byl fakt, ₧e auto°i strßnek m∞li pouze minimßlnφ mo₧nost ovlivnit p°esnΘ umφst∞nφ urΦitΘho elementu. Proto byly postupn∞ v prohlφ₧eΦφch implementovßny novΘ vlastnosti, kterΘ umo₧≥ovaly p°esnΘ pozicovßnφ.</div>
  178.  </div>
  179.  <div class="s-obal">
  180.   <div class="s-radek">
  181.   <div class="s-hits">[380]</div>
  182.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1664"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  183.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1664&url=http://www.pcsvet.cz/art/article.php?id=3811"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Zbavte se tabulek (2.)</a></div></div>
  184.   <div class="s-popis">Jak přejφt od tabulek (popřφpadě framů) na modernφ CSS layout</div>
  185.  </div>
  186.  <div class="s-obal">
  187.   <div class="s-radek">
  188.   <div class="s-hits">[955]</div>
  189.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1663"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  190.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1663&url=http://www.pcsvet.cz/art/article.php?id=3810"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Zbavte se tabulek (1.)</a></div></div>
  191.   <div class="s-popis">Jak přejφt od tabulek (popřφpadě framů) na modernφ CSS layout.</div>
  192.  </div>
  193.  <div class="s-obal">
  194.   <div class="s-radek">
  195.   <div class="s-hits">[275]</div>
  196.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=1660"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  197.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=1660&url=http://www.webguru.cz/clanky/view.php?id=109"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Přepφnač kaskßdov²ch stylů</a></div></div>
  198.   <div class="s-popis">Nechtěli jste někdy oddělit vzhled a obsah vaÜich strßnek tak, aby si u₧ivatelΘ sami mohli vybrat vlastnφ barevnΘ schΘma? Mßm pro vßs snadnΘ řeÜenφ.</div>
  199.  </div>
  200.  <div class="s-obal">
  201.   <div class="s-radek">
  202.   <div class="s-hits">[43]</div>
  203.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=3135"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  204.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=3135&url=http://www.einstein.cz/clanek.php?id=74"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS - dΘlkovΘ jednotky, urΦovßnφ barev</a></div></div>
  205.   <div class="s-popis">Tento Φlßnek detailn∞ popisuje d∙le₧it² dopln∞k CSS a tφm jsou dΘlkovΘ jednotky. P°edstavφme se jednotky absolutnφ, relativnφ i procentußlnφ urΦovßnφ. TakΘ nezapomeneme na definovßnφ barev.
  206. </div>
  207.  </div>
  208.  <div class="s-obal">
  209.   <div class="s-radek">
  210.   <div class="s-hits">[162]</div>
  211.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=3152"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  212.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=3152&url=http://www.einstein.cz/clanek.php?clanek=163"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">Jak funguje "float" a "clear"</a></div></div>
  213.   <div class="s-popis">Zarovnßnφ objektů v rßmci sazby je specialitou pro CSS vlastnosti float a clear. Jejich podrobn² popis s nßzorn²m dobře pochopiteln²m vysvětlenφm byl tΘmatem přφspěvku weblogu Petra Stanφčka a my ho zde, samozřejmě</div>
  214.  </div>
  215.  <div class="s-obal">
  216.   <div class="s-radek">
  217.   <div class="s-hits">[661]</div>
  218.   <div class="s-kvalita"><a onclick="hodnoceni()" target="hodnoceni" href="http://www.jaknaweb.com/hodnoceni.php?id=3061"><img src="images/hodn1.gif" width="47" height="8" alt="Hodnocenφ kvality odkazu" /></a></div>
  219.   <div class="s-nazev"><a href="http://www.jaknaweb.com/ukaz.php?id=3061&url=http://www.pcsvet.cz/r-art.asp?id=308"  onclick="return !bar(this.href);" hreflang="cz" lang="cz" xml:lang="cz">CSS - Cascading Style Sheets</a></div></div>
  220.   <div class="s-popis">Jist∞ jste se p°i tvorb∞ strßnek dostali do situace, kdy chcete mφt vÜechny nadpisy stejnou barvou a velikostφ, zarovnanΘ na st°ed. Nebo chcete, aby vÜechny odkazy byly nepotr₧enΘ, ale p°i najetφ myÜφ zm∞nily barvu a podtrhli se nejenom dole. Nejenom ...</div>
  221.  </div>
  222. <div class="strankovani2"><a href="css.html" title="Jφt na p°edchozφ strßnku"><< P╪EDCHOZ═</a> |  <a href="css.html">1</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=2">2</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=3">3</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=4">4</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=5">5</a>  <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=6">6</a>  | <a href="http://www.jaknaweb.com/css.php?zobrazena_strana=3" title="Jφt na dalÜφ strßnku">DALè═ >></a> </div></div>
  223.  
  224. <div id="paticka">
  225.  <div id="paticka-linka">
  226.  
  227. JakΘ je synonymum pro nßlepku 'Intel Inside' na Pentiφch? V²stra₧nΘ upozorn∞nφ.</div>
  228.  <span class="small">½ JakNaWeb.com hostuje na serveru Hyperlink.cz®. Hyperlink.cz® nenφ provozovatelem tohoto serveru. | ⌐ 2004 <a href="mailto:admin@jaknaweb.com">Honza Petr</a> | <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.jaknaweb.com%2Findex.php" title="Strßnka pln∞ respektuje standardy W3C pro XHTML 1.0 Strict">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.jaknaweb.com/style/style.css" title="Strßnka respektuje standard CSS">CSS</a> ╗</span>
  229. <script type="text/javascript" src="script/toplist.js"></script>
  230. <noscript>
  231. <p><img src="http://www.toplist.cz/count.asp?id=45747&logo=mc&start=0" alt="TOPlist" width="1" height="1" /></p>
  232. </noscript>
  233. <script type="text/javascript" src="script/pocitadlo.js"></script>
  234. <noscript>
  235. <p><img src="http://cnt1.pocitadlo.cz/counter.php?poc=25107&ns=1" alt="" width="1" height="1" /></p>
  236. </noscript>
  237. <script src="http://c1.navrcholu.cz/code?site=67461;t=t1x1" type="text/javascript"></script>
  238. <noscript><div><a href="http://navrcholu.cz/"><img src="http://c1.navrcholu.cz/hit?site=67461;t=t1x1;ref=;jss=0" width="1" height="1" alt="" style="border:none" /></a></div></noscript>
  239. </div>
  240.  
  241. </div>
  242. </body>
  243. </html>
  244.