<div> zarovnání – HTML / XHTML – Fórum – Programujte.com

Zdravím, 

potřeboval bych pomoc s div tagem za použití pouze HTML.

Přesněji jde o to, že potřebuji mít šipku doleva (←), aby odkazovala na předchozí stránku (přes <a rel="nofollow" href="index.html"> a poté, aby na stejné řádce byl nadpis k té stránce (jedná o velmi jednoduchou stránku, proto v tom nehledejte nic velikého) uprostřed a již zmiňovaná šipka na levé straně.

Zatím mě to napadlo vyřešit takto:

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

Což bohužel dá "NADPIS" na dolejší řádku, což nechci.

a když odstráním <center>, tak to bude vlevo celý text na jednom řádku. Když použiji u "NADPIS" <p>, tak se to taktéž hodí automaticky i bez center tagu na spodní řádku. 

Za jakoukoliv pomoc budu vděčný, a jak již jsem říkal, chci pouze HTML.

#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>

margin:0 auto; - centruje prvek s nastavenou sirkou z vnejsku
text-align:center - centruje text uvnitr
Float je takovy spis problematicky prvek.
Center tag bych tam vubec nepouzival.

#3 peter
Prečo by si nepoužíval značku <center>?
Táto značka nie je deprecated a je súčasťou HTML5 rovnako ako napr. <article>, <aside> a pod.. Nevidím žiaden dôvod, prečo by som ju nepoužil ak by som to potreboval.

weroro

Pouzivej podle sveho vlastniho uvazeni. Tipy ostatnich jsou proste jen jako informaci, ze pouzivaji i jine reseni.

Snazim se pouzivat vice css a mene html kodu. Css se stahne se strankou jako 1 soubor. A na kazde dalsi strance uz neni zapotrebi ho znovu stahovat. Takze rychlost nacitani se zvetsi.
Tez se da pouzivat base64 a zakodovat mini obrazky do css.
Ale vse zalezi na tom, jake mas reseni celeho webu.
Nekdy je jednodussi pouzit center nez kvuli jednomu nadpisu upravovat css.
Taky je dobre mit jakousi jednotnost u stranek. Cim mene unikatnich veci, tim lepe, tim lepe se gzip zmensi.

#4 weroro
Značka <center> by se neměla používat, krotože se jedná o tzv. fyzické formátování, které by mělo být v CSS. V HTML by měly být jen strukturální značky. Značky <article> a <aside> jsou v pořádku, protože určují strukturu, nikoli formát.

#6 Kit
Tvoj argument dáva zmysel a súhlasím s ním. Nesúhlasím však s tým aby sa táto značka nepoužívala iba preto, že sa jedná o fyzické formátovanie, ktoré môže mať v niektorých situáciách zmysel. Na základe takéhoto argumentu by sa potom nemali používať aj značky <h1...6>. Značka <center> je bez defaultného cetrovania obyčajnou blokovou značkou, ktorá sa vrámci sémantiky chová podobne ako <div>, čo sa o <h1...6> povedať nedá.

V každom prípade si mi otvoril oči, pretože som sa naozaj takto nad tým nikdy nezamýšľal. Ďakujem. :-)

#7 weroro
<h1..6> jsou značky, které říkají: Tohle je nadpis první až šesté úrovně. Neříkají nic o zarovnání ani velikosti či barvě písma. Značka <center> však říká: Centruj!

Pro jednoduchou stranku potrebujes jen textova data + vzhled. Cili neco jako xml + layout + formatovani. Layout a formatovani se da dnes resit pres css3.
Samozrejme, v praxi, dost casta situace, ze si sef/zakaznik/kolega usmysli, ze chce neco navic tucne, centrovat a tak, pak se to resi ruznymi takovymi klickami jako tag, style="", <style> a pod.
Treba, na jednoduchou tabulku by stacilo dodat data v csv formatu a prohlizec by si to mel uz sam zobrazit. Bylo by to fajn, bohuzel takovy tag nebo funkce neni :)

Proste, puvodni html podle mne a nejspis i Kita, nebylo navrzeno uplne stastne. Css prislo az po te.

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í.

#10 MegaP
Když budeš trochu déle programovat, tak zjistíš, že napsat program tak, aby mu rozuměl počítač, je vcelku jednoduché. Mnohem těžší a užitečnější je napsat ten program tak, aby mu rozuměl člověk.

Ano, prohlížeči je jedno, kterou značku či styl při formátování použiješ. Pokud však někdy budeš chtít centrované texty zarovnat jinak, budeš muset prohledat všechny dokumenty a značky opravit, což nemusí být zrovna triviální. Kaskádové styly se mění mnohem snáze, na jednom místě.

#9 peter
V minulosti jsem narazil jen na jeden případ, kdy jsem musel použít atribut style="..." - pokud jsem ten text chtěl importovat do LibreOffice. Externí styly to brát nechtělo. Jinak si vystačím s atributy id="označení_objektu" nebo class="způsob_zobrazení". Ovšem často si vystačím i bez nich, pokud se dá ostylovat přímo značka.

Souhlasím, že HTML bylo navrženo poněkud nešťastně, ale s tím už toho moc nenaděláme. Dobrý náběh mělo XHTML, ale snahou o redukci značek ho pohřbili. Nakonec tu máme HTML5, který má těch značek ještě víc.

Ještě lepší je XML, ale pro zobrazování dat v prohlížečích se nevžilo. Jeho výhoda je jasná: Žádné povinné značky, autor si je může nazvat a ostylovat jak chce. Ovšem skvěle se osvědčilo jako databáze.

#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.

#13 MegaP
Prohlížeče by to XHTML zpracovaly tak jak mají, kdyby v hlavičce bylo správné MIME.

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.

#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/