Autor Zpráva
jedy
Profil
Zdravím, jsem začátečník v CSS a víceméně po pár letech i v XHTML. Zkoušel jsem si zatím kostru dvou-layoutové stránky a v pohodě to běhalo. Ovšem pak jsem po připsání dalších věcí udělal nějakou chybu a teď se mi se zapnutými styly ukazuje jen hlavička ( a při vypnutých stylech mám nějaké divné písmo, tučné ).
Prosím tedy o Vaše zkušenější oči.

+ rád si poslechnu kritiku, stále se to učím a budu rád, když si budu moci něco vylepšit.

XHTML dokument
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cz" lang="cz">
<meta name="author" content="Jan Šimečík jan.simecik@yahoo.com" />
<link rel="stylesheet" type="text/css" href="styles/nastaveni.css">
<head>
    <title>Titulek</title>
</head>
<body>
  <h1><a href="">Hl. nadpis<span></span></a></h1>
  
  <a id="skok" href="#obsah" title="Přeskoč na obsah">Přeskoč na obsah</a>

<hr />

  <div id="main">

      <h3>Navigace<h3>
    <div id="nav">   
      <ul>
        <li><a href="" title="">Menu</a></li>
        <li><a href="" title="">Menu</a></li>
        <li><a href="" title="">Menu</a></li>
        <li><a href="" title="">Menu</a></li>
        <li><a href="" title="">Menu</a></li>
      </ul>
    </div>
    
<hr />
    
    <div id="obsah">
      <h2>Nadpis</h2>
      <p>
      Lorem ipsum dolor sit amet consectetuer nibh fames enim justo consequat. Cursus Phasellus consequat tellus id hac Pellentesque tincidunt euismod tincidunt felis. At a malesuada vel orci faucibus condimentum Lorem congue non adipiscing. Hendrerit et semper consequat convallis mi pellentesque et Cras at tellus. Justo id laoreet Phasellus metus risus pellentesque id consequat dui consequat. Purus odio Phasellus ut nec nibh elit wisi commodo elit cursus. Magna pellentesque ante facilisis odio feugiat non ac quis dui semper. Sed elit pharetra pretium consectetuer cursus Nunc.
      </p>
    </div>

<hr />    

    <div id="pata">
      <p>
      &copy; Jan Šimečík, 2010
      </p>
    </div>
      
  </div>
</body>
</html>


CSS dokument
/*Celá stránka*/
* {
margin: 0;
padding: 0;
}
/* HTML, BODY */
html, body {
font-style: Arial, sans-serif;
text-align: center;
}
body {
width: 760px;
min-width: 760px;
height: 500px;
margin: 0 auto;
}

/*Hlavička*/
h1 {
}
  h1 a, a:hover {
  width: 100%;
  }
  h1 a:hover {
  }
  h1 span {
  }

/*Skok na obsah*/
#skok {
display: none;
}

/*Čára*/
hr {
display: none;
}

/*Hlavní*/
div#main {
width: 100%;
}

/*Navigace*/
h3 {
display: none;
}
ul {
list-style-type: none;
}
  ul li a, a:hover{
  }
  ul li a:hover {
  }

/*Obsah*/
div#obsah {
width: 80%;
float: right;
}
  div#obsah h2 {
  }
  div#obsah p {
  }
/*Patička*/
div#pata {
clear: both;
width: 100%;
}
  div#pata p {
  }
  

Moderátor Chamurappi: Titulek „Nemohu najít chybu“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
panther
Profil
jedy:
jestli chceš poradit, dej sem odkaz. Sám si z toho kódu funkční ukázku tvořit nebudu.
jedy
Profil
Nemám to na žádném hostingu, takže jsem to zabalil a upnul:
http://leteckaposta.cz/700328526
http://www.edisk.cz/stahni/50393/Stranka.rar_1.46KB.html
http://www.ulozto.cz/6526108/stranka-rar
Petr ZZZ
Profil
jedy:
Ovšem pak jsem po připsání dalších věcí udělal nějakou chybu a teď se mi se zapnutými styly ukazuje jen hlavička

XHTML je na chyby citlivé, máš nějaký zvláštní důvod nepsat HTML? Jestli si chceš počíst o XHTML versus HTML:

Jiří Kosek (11. 10. 2004): Proč nepoužívám XHTML
Petr Staníček (14. 10. 2004): Proč používám XHTML
Chamurappi (2004-2009): Kritika W3C
Kolektiv autorů DJPW (2005-2008): Jaké jsou výhody XHTML oproti HTML?
Chamurappi (27. 2. 2007): Soumrak nad moderním X
David Grudl (2007): Den zúčtování s XHTML
jedy
Profil
Petr ZZZ:

Pročetl jsem ti ty články (moc díky) a myslím si, že pokud se naučím psát v XHTML, tak pak nebudu mít v HTML žádný problém (a naopak to nejspíše nepůjde), takže ať bude budoucnost jakkákoliv, tak to bude v jistém smyslu výhra. :)

Add. chyba ve zdrojáku - Nemám zakončený nadpis třetí úrovně (chybí mi tam lomítko), proto mi to nešlo :)
Chamurappi
Profil
Reaguji na jedyho:
Nemám zakončený nadpis třetí úrovně (chybí mi tam lomítko), proto mi to nešlo :)
Šlo ti to, ale špatně, protože používáš HTML. Kdybys používal XHTML, tak by ti to teprve nešlo — a prohlížeč (kdyby XHTML znal) by ti i ukázal, na kterém řádku je prohřešek vůči XML syntaxi. Upozornil by tě i na věci, které v HTML nevadí a ani vadit nesmí, jako je např. neukončený <link> na řádku 5. Také ovšem existují prohřešky vůči specifikacím, které na sebe neupozorní prakticky žádným způsobem ani v HTML, ani v XHTML — třeba když češtinu značíš chybně „cz“.

pokud se naučím psát v XHTML, tak pak nebudu mít v HTML žádný problém
Budeš mít zkreslenou představu o tom, co se se stránkou ve skutečnosti děje, protože ji prohlížeče berou jako HTML a uplatňují na ni jiný soubor pravidel. Třeba ta tvoje <?xml … ?> deklarace je úplně k ničemu — neříká prohlížeči, jaké má použít kódování, přestože ti XHTML učebnice namlouvají opak. V HTML zastupuje stejnou úlohu <meta> element s charsetem, který v tvém kódu chybí.

(a naopak to nejspíše nepůjde)
Historie ukázala, že učení oběma směry jde poměrně snadno, pokud člověk vnímá a přemýšlí. Syntaxe není tak důležitá, jak se dávní kazatelé jediných správných standardů domnívali, protože HTML se nikdy nepřestalo používat (<!doctype> nerozhoduje) a je tolerantní i k takovým chybám, jako je lomítko v <hr />. Ale zavírat <h3> se musí, to zase jo :-)

ať bude budoucnost jakkákoliv, tak to bude v jistém smyslu výhra
Ty články jsou již poněkud starší. Budoucnost už je.
Bubák
Profil
Petr ZZZ
jedy sice "píše XHTML", ale prohlížečům posílá staré dobré HTML, rozhoduje mime typ, na internetu do určuje HTTP hlavička, na disku koncovka souboru.

jedy:
myslím si, že pokud se naučím psát v XHTML, tak pak nebudu mít v HTML žádný problém (a naopak to nejspíše nepůjde)
Jde to i bez švihání Xbiče. Stačí nepsat HTML jako prase a pár rozdílů mezi HTML a XHTML se dá zvládnout za odpoledne.
http://atd.havrlant.net/jak-na-dokonale-xhtml

Koukám, že Chamurappi to napsal podrobněji a dříve :-)
jedy
Profil
Chamurappi:
Projel jsem to tvým validátorem a hned mi hlásil errory, např. i tu chybu v "cz" (Takže děkuju tobě i tvému výtvoru :)) S tím <?xml jsem četl, že to nečte MSIE dobře (FF a Opera mi to vzali Explorer si dělal, co chce), a tak jsem to odstranil a místo toho napsal klasické meta s charsetem, ve všem se to zobrazuje dobře.

"Ty články jsou již poněkud starší. Budoucnost už je."
Tzn.? Co jsem četl (ať už tady v diskusi nebo na jiných stránkách), tak stále se píše v XHTML a HTML se vzájemnými ignoracemi.

Bubák:

"jedy sice "píše XHTML", ale prohlížečům posílá staré dobré HTML, rozhoduje mime typ, na internetu do určuje HTTP hlavička, na disku koncovka souboru. "
XHTML nemůžu uložit jako .html ? Ptám se, protože mi PSPad nabídne při uložení přípony *.html, *.xhtml a *.htm. Moc se v tom nevyznám.
Petr ZZZ
Profil
Bubák:
jedy sice "píše XHTML", ale prohlížečům posílá staré dobré HTML

Skoro jsem něco takového tušil, ale nepamatuji si znění jednotlivých deklarací a nechtělo se mi to zkoumat. Já jsem pro sebe tyto věci vyřešil tak, že jsem si přečetl nějaké články a diskuse (viz odkazy ve [#4]) a udělal si obrázek o tom, kdo fundovaně argumentuje. Protože jsem zatím nenarazil na argument pro XHTML, který by Chamurappi nedovedl vyvrátit, vyvodil jsem z toho závěr, že tomu asi bude rozumět. Sice sám neumím posoudit, zda má nebo nemá pravdu, protože všelijakým těm standardům a jazykům XML a SGML a kdoví jakým dalším houby rozumím, ale myslím si, že když mu ve všech diskusích, které jsem dosud četl, nikdo nedokázal kvalifikovaně oponovat, tak to asi o něčem vypovídá. Když jsem si jednoho dne kontroloval mou hlavičku, kterou jsem kdysi našel, pokud si dobře vzpomínám, na selfthml, tak jsem s uspokojením zjistil, že odpovídá v podstatných rysech jedné z šablon na Chamurappiho stránce, a od té doby se tím nezabývám. Ani nevím, zda píšu v quirku nebo ve standardním módu – zkusím, co na mou stránku prohlížeč a hotovo. :))

jedy:
Vybodni se na XHTML, na nic to není. Napiš web do této šablony a drobné chyby tě nebudou trápit (hrubé chyby jo, ale v tom ti nějaké zpuchřelé iks taky nepomůže):

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="cs">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Titulek</title>
  </head>
  <body>
    <p>Cokoliv.</p>
  </body>
</html>

A potom piš <br> a né <br /> a <img> a né <img /> atd… :))

Kdybys koukal do kódu mých stránek, tak občas tam mám <br /> a podobné nešvary, které do HTML nepatří. To jsou relikty z mých začátků; taky jsem si hrál s myšlenkou psát XHTML, a dosud jsem je neopravil. Prohlížečům lomítka před závorkou nevadí, ale jsou v HTML nejen zbytečná, ale navíc formálně nesprávná.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0