Záhlaví stránky

O obrázkách v HTML jsi už četla?

Lolly:
„potřebovala přizpůsobit jeho velikost“
Dělá se to atributy width a height, přiklad:

Nastavuje se to buď celym číslem a nebo procenty.

„jak určím velikost "body", které chci mít užší a menu mít vlevo od těla“
Jde to buď tabulkou a nebo divem, takže třeba:

Toto jsou jenom hodně okrajový informace, více se dočteš třeba zde:
Vycentrování stránky
design pomocí tabulek
V tom druhym odkazu je spousta použitelných řešení.

Lolly:
„ještě bych potřebovala přizpůsobit jeho velikost“
Dělá se to tak, že se obrázek o vhodné velikosti připraví v grafickém editoru. Atributy "width" a "height" pak slouží zajména k tomu, aby prohlížeč vyhradil pro obrázky místo a stránka neposkakovala. Zneužívat tato atributy pro něco, k čemu je vhodnější použít grafický editor vede k tomu, že obrázky jsou napříč prohlížeči více či méně "zubaté".
Tabulky jsou na tabulková data, (nejen) na tvorbu designu slouží CSS.

„A když už jsme v tom“
Já v tom nejsem ;-)
Jednoduché schéma stránky

janbarasek:
Nevytahuj tady kódy, které byly moderní v době, kdy byl Šemík ještě hříbě a jediná "modernizace spočívá v tom, že jména tagů máš malými písmeny.
Proč deklaruješ tabulce šířku 100%, když Lolly potřebuje vytvořit stránku užší, jen neví, jak na to?

Lolly:
„ale pak je příšerně rozkostičkovaný a ohavný“
Toto jsem myslel jaku jednu z možností, jak upravit velikost obrázku přímo v HTML, dá se to použít, ale musíš dodržet poměry stran. To se dá snadno dosáhnout tím, že určíš jenom jeden z atributů a druhý se sám v prohlížeči dopočítá.

margin:
„které byly moderní v době, kdy byl Šemík ještě hříbě“
Lolly je ještě začátečník, a měla by začínat jednoduchými postupy. Myslím, že jsou tabulky pro pochopení o dost snažší, než to řešit přes CSS a nebo divy.

„Proč deklaruješ tabulce šířku 100%“
Protože se ptala, jak udělat levé menu.
Pokud chce mít stránku užší a centrovanou na střed, doporučuji:

janbarasek:
Možná by ses tady měl víc dívat, než něco psát.
Připadá ti tabulka vhodnější a jednodušší než dva divy vedle sebe?

janbarasek:
Tvé rady jsou pro kočku, u začátečníka je podlé mého odhadu nanejvýš 20% pravděpodobnost, že bude mít stránku v IE vycentrovanou, pokud se bude řídit pouze radami, které jsi tu dal. Něco důležitého jsi nezmínil.
Další věc je, že DIV na prvém řádku je naprosto zbytečný, tvůj postup je ukázkou toho, jak vznikají přeDIVované kódy.


„Lolly je ještě začátečník, a měla by začínat jednoduchými postupy.“
Podle téhle logiky by se ten co přijde do autoškoly měl napřed naučit jezdit s povozem. Tabulky jsou na tabulková data a hotovo. Ale na druhou stranu můžu být rád, že jsi Lolly nevnutil rámy.

„měla by začínat jednoduchými postupy“ (opakuji se, vím)
Podle mého názoru je odkázaný dvousloupcový layout na naučení o chlup jednodušší, než tabulka. I kdyby tomu tak nebylo, tak zmíněný hotový CSS layout může s přehledem využít i lepič kódů.

Čas tabulkových layoutů možná teprve přijde, ale pořád to budou layouty bez <table>, <tr> a <td>.

Bubák:
„Další věc je, že DIV na prvém řádku je naprosto zbytečný, tvůj postup je ukázkou toho, jak vznikají přeDIVované kódy.“
Já bych běžně použil <center>, a nebo tvoje řešení, ale tady jsem chtěl použít řešení, co je zde: www.jakpsatweb.cz/centrovani-stranky.html

„že jsi Lolly nevnutil rámy“
Sem by se ani rámy nehodili, ani nevím, jak bys je sem chtěl použít. (centrování stránky).

„dvousloupcový layout na naučení o chlup jednodušší, než tabulka“
Dobře. Nechceš použít tabulku. Dá se tedy použít třeba tento zápis:

ale možná bude lepší toto:

janbarasek:
„Já bych běžně použil <center>, a nebo tvoje řešení, ale tady jsem chtěl použít řešení, co je zde: www.jakpsatweb.cz/centrovani-stranky.html“
Yuhů by takovou ptákovinu nikdy nenapsal, je tam tohle:

„Staré centrování tabulky

Jó, to byly časy. Když jsem prvně přišel do Seznamu, tak ještě byla hlavní stránka centrována touto konstrukcí:

<table align="center">
 <tr><td>
 obsah stránky
 </td></tr></table>

a věřte nebo ne, ono to fungovalo. A funguje to možná dodnes, akorát je to děsná prasárna.“

O něco níže je:
„Kdo chce dneska vycentrovat tabulku, může použít tentýž postup doporučovaný touto stránkou, akorát není potřeba nastavovat šířku, protože tabulka si ho spočítá podle svého obsahu:

<table style="margin-right: auto; margin-left: auto;">

“
Pokud se na nějaký zdroj odvoláváš, tak si ho nastuduj, vyhneš se případné blamáži.

Lolly:
„Mohl byste mi tedy někdo napsat, co z Vašich rad použít?“
Použij odkaz z [#5]