Zarovnejte Svůj Web Do Středu

Při kódování musí webmaster vyvinout velké úsilí, aby stránka vypadala stejně dobře při různých rozlišeních obrazovky. Nejlepším řešením je vycentrovat veškerý obsah na stránce.

Instrukce

Krok 1

Metoda zarovnání na střed závisí na metodě rozložení. Můžete použít značky nebo

… Samozřejmě je snazší zabalit veškerý obsah do značky, ale je již dávno zastaralý a neexistuje žádná záruka, že vše bude fungovat správně. Nejmodernějším způsobem je použití technologie CSS.

Krok 2

Značka odděluje část kódu do jednoho bloku, což umožňuje změnit vzhled obsahu a dát fragmentu jedno písmo, barvu, pozadí atd. U blokového rozvržení je veškerý obsah tagu umístěn do tagu. V nastavíme zarovnání pomocí atributu align. Bude to vypadat takto:

Obsah stránek

Krok 3

Centrování lze také nastavit pomocí nástrojů CSS. Chcete-li to provést, musíte vytvořit samostatný soubor šablon stylů nebo umístit vše do stejného souboru HTML do značky. Kód bude vypadat takto:

* {okraj: 0; odsazení: 0;}

tělo {

zarovnání textu: na střed;

}

div {

šířka: 700px;

okraj: 0 auto;

}

Krok 4

V rozložení tabulky je centrování nastaveno pomocí tabulek ve značce

… Kód bude vypadat takto: <tabulka stránek

… Tabulka bude umístěna ve středu stránky, respektive její obsah. Šířku libovolného bloku můžete také nastavit zadáním pomocí parametru width.

Krok 5

Při výběru šířky stránky nezapomeňte, že rozlišení obrazovky uživatelů se může od vašeho velmi lišit. Někdy, abyste se nemýlili s velikostí, byste měli nastavit vše v procentech. To je zvláště užitečné, pokud máte jednoduchý web.

Krok 6

Ať už použijete jakoukoli metodu, ujistěte se, že váš web funguje správně ve všech prohlížečích. Pokud je z nějakého důvodu nesprávně zobrazen v jednom z nich - uveďte to.