Anonymní profil MegaP – Programujte.com

To je pravda, omlouvam se, ze tedy uplne odpovim az ted, ale melo by to byt asi takto. U headru zrusit padding. Vlozit do nej <img src="obrazek.pripona"> a pro ten img nastavit max-width: 100%. Tedy pokud je header s tridou hero, potom:
 

.hero {
	background-color: #666666;
	padding: 0;
	margin: 0;
}
.hero img{
	max-width: 100%;
	padding: 0;
	margin: 0;
}


<div class="hero">
	<img src="obrazek.pripona">
</div>

Já bych tam raději použil ten <img src="*.*" style="max-width: 100%"> protože když se obraáek nenačte alespoň tam nebude trčet prázdné místo a aby se to dalo udělat responzivní.

#14 Kit
Omlouvám se za další komentář, ale zapoměl jsem důkaz svých blábolů. Spodní tabulka Limitations in browser -> Not recognized by Internet Explorer 6.x and previous versions
https://www.w3.org/2003/01/xhtml-mimetype/

Dnešní ano, ale v té době byly XP a jejich IE 5/6. A vzhledem k tomu, že to byly majoritní prohlížeče se to dělalo tak, že se mime type nastavil na text/html aby se to zobrazilo. Takže byl sice posílán validní XHTML dokument, ale se špatným mime type, tudíž to zpracoval html parser. Takže to bylo úplně k ničemu. Ikdyž se tím neživím, tak vývoj sleduji asi od roku 2000.

#11 Kit
Já se ale rozhodně nechci hádat o tom, že by se to nemělo dělat tak jak říkáš. Jen to beru v kontextu tázajícího, očividně začátečník. U něj zřejmě bude přednost to zpřístupnit před dokonalým kódem, který mu bude trvat déle. I redakční systémy se svým šablonováním jdou tomu naproti. Tam se dejme tomu u odkazu se šipkou bude jednat zřejmě o úpravu na jednom dvou místech a to už pro začátečníka má určitou výhodu. Prostě lépe nějak než vůbec a později správně. Ostatně pokud s tím bude pracovat nakonec zjistí, že se oddělení CSS vyplatí.

#12 Kit
To nebyla redukce značek co to zabila, ale chybějící zpětná kompatibilita. XHTML bral jiný parser, který v některých prohlížečích chyběl, což mělo za následek, že všichni psali a chlubili se "XHTML valid", ale ve finále to stejně zpracovával HTML parser.

A teď co si o tom myslí prohlížeč, který ten zdrojový kód zpracovává. ... Vůbec nic. Ono je mu to úplně jedno, značku zná, ví, že jí má nastavit nějaké "standardní" vlastnosti jako zarovnání(center), barva(inherit), atd. Potom jsou tu vyhledávače, kterým je nějaký center asi taky ukradený a čtečky, které doufám s tímto tagem nemají problém.

Hlavní je to, že se stránka vykreslí(zpracuje). Je úplně jedno jestli máte zarovnání řešeno tagem, stylem= nebo externí css soubor. To nejdůležitější na stránce jsou informace, které musí být zobrazeny/načteny. Tedy pokud se tím neživíte.

Ten důraz kladený na sémantičnost(obsahový význam) značek je především pro vyhledávače a čtečky. A to oddělení HTML a CSS jen pro snažší přehled při větších projektech a zmenšení objemu dat při načítání.

#1 Adrián
 

div><h1><a href="index.html" style="float: left;text-decoration:none;color:#bd1515">←</a><center><a>NADPIS</a></h1></center></div>