Re: Google

From: h! y n e k . l i p a (hynek.lipa@worldonline.cz)
Date: 06. 06. 2003, 17:32 CEST


Jan Starosta wrote:
> neexistuje firmam ktoru by som presvedcil ze bude lepsie ked ta
> stranka bude "cista" bez grafiky tak bude lepsie. A graficky vzhlad
> bez tabuliek... No, neviem...
---------------------------------
to je velky omyl, to ze na design stranky nebudou pouzity tabulky,
jeste nutne neznamena, ze layout bude bez grafiky. to ze vsichni to
nastartovaly tim zpusobem, ze se vsechno oramuje 1pixelovym okrajem a
veskere obrazky jsou zlo, neznamena, ze pomoci netabulkoveho designu,
nelze udelat pekny graficky design. ted mne napada treba 'zenova
zahrada': http://www.csszengarden.com/?cssfile=017/017.css a urcite by
se nasly dalsi skvele sites.


> Inac zaujimal by ma nazor nejakoho "hardcore CSS zastupcu" ako je to
> pri strankach s layoutom ako napr. Inzine, alebo grafickou
> hlavickou a menu vpravo (standardne L-ko), ako by sa riesili pri
> zachovanie kompatibility MSIE5/Mozilla... Ja co skusam, tak je to
> na draka, a vasinou to drva dlho, firma mi tolko casu na stranke
> nikdy nezaplati, tabulky su rychle, proste paradoxy na paradoxy :))
---------------------------------
aj ked nie som hardcore zastupca, tak co hovoris na toto:
***
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>L-layout via CSS :)</title>
<style type="text/css">
body {
 margin: 0; padding: 0;
 font: 100%/1.33 sans-serif;
 background-color: white;
 color: black;
 }

#header {
 margin: 0; padding: 0;
 background-color: red;
 color: white;
 }

#left {
 float: left;
 width: 150px;
 margin: 0; padding: 0;
 font-size: .8em;
 background-color: blue;
 color: white;
 }
#content {
 margin: 0 0 0 150px;
 background: yellow;
 font-size: .8em;
 width: auto;
 }
.cleaner {
 clear: both;
 height: 1px;
 font-size: 1px;
 border: none;
 margin: 0; padding: 0;
 background: transparent;
 }
#footer {
 margin:0; padding:0;
 background-color: black;
 color: white;
 }
p {margin: 0; padding: 1em .5em;}
/* ]]> */
</style>
</head>
<body>
 <div id="header">
    <p>hlavicka</p>
 </div>
 <div id="left">
    <p>levy sloupec</p>
 </div>
 <div id="content">
     <p>obsah</p>
 </div>
 <div class="cleaner">&nbsp;</div>
 <div id="footer">
     <p>paticka</p>
 </div>
</body>
</html>
***

je to to, co si chcel? ;)
melo by to v pohode fungovat od IE5/win, pres IE5/mac k opere,
mozile...

- h! -
http://www.hyneklipa.cz/



This archive was generated by hypermail 2.1.3 : 06. 06. 2003, 17:33 CEST