Jak na layout?

Martin

(36 hodnocení)

28. 2. 2008 09:06:06

Stránka vycentruješ takhle:

Používat v tomto případě předchozí možnosti je imho blbost.

28. 2. 2008 09:06:06

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47159

Riviera_Kid

(1 hodnocení)

28. 2. 2008 11:19:32

Napsal Martin;37452
Stránka vycentruješ takhle:
<style>body{ margin: auto; text-align: center; /* Pro IE */}#container { width: 760px; text-align: left;}</style><body><div id="container">...</div></body>
Používat v tomto případě předchozí možnosti je imho blbost.

Takhle to nepojede ve FireFoxu...

28. 2. 2008 11:19:32

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47158

Martin

(36 hodnocení)

28. 2. 2008 11:26:05

Jasně, omlouvám se - margin: auto; má být u #container.

28. 2. 2008 11:26:05

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47157

Mirek Komárek

(1 hodnocení)

28. 2. 2008 12:07:07

Mám pocit, že neregistrovaný myslel horizontálně!

28. 2. 2008 12:07:07

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47156

Scorpius

(19 hodnocení)

28. 2. 2008 20:01:50

Asi to je barbarske reseni, ale me to funguje ve vsech prohlizecich :)

Proste vsechno co chci mit na stredu uzavru do a je to.

Priklad:

....................

28. 2. 2008 20:01:50

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47155

David Čermák

(7 hodnocení)

28. 2. 2008 20:22:03

Napsal Scorpius;37602
Asi to je barbarske reseni, ale me to funguje ve vsech prohlizecich :)
Proste vsechno co chci mit na stredu uzavru do a je to.

Priklad:

....................
....................
....................
....................

Hmmmmmmmmm, velice zajímavé řešení, ale takto radši ne :nono:

28. 2. 2008 20:22:03

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47154

Mirek Komárek

(1 hodnocení)

28. 2. 2008 23:33:12

Pořád se mi plete vertikála s horizontálou, ale neva. Dokonce ty tabulky dneska řešili na sitepointu, jakožto velkou věc budoucnosti. Jestli jí vytvoříte pomocí html nebo css to už je celkem putna, alespoň pro screen readery.

28. 2. 2008 23:33:12

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47153

Smazaný účet aClLm1zHYQ

(11 hodnocení)

2. 3. 2008 02:03:19

Napsal medvidekh;37314
Ahojky.. můžete mi prosím ve zkratce objasnit rozdíl mezi tabulkovým a beztabulkovým layoutem na jednoduchém příkladu? Jak vlastně takový layout (šablonu stránky) sestavujete graficky? Celé to namalujete tam nebo při té grafické tvorbě se vracíte pořad na prohlížeč? Snad porozumíte.. díky

Tabulky mají sloužit pouze pro "tabulkové údaje". Ale troufám si říct, že na nich skoro každý začínal. Čili na pochopení pro úplné začátečníky (nekamenujte mě) doporučuji vyzkoušet nejdřív table-layout a zjistit, že si rozdělíš stránku na bloky (buňky jako ve Wordu) a do nich rozdělíš obsah, každá buňka může mít jiné pozadí, barvu...a poskládáš si jednoduchý web se "styly" v kódu (uvidíš, jak se každá buňka široká, vysoká, jakou má barvu ohraničení atp.) - něco podobného by šlo při troše zručnosti i ve Wordu :o)

Sám zjistíš (kromě jiného), že je to dost krkolomné a omezené řešení a plynule předeš k "beztabulkovému layoutu".

Jinak grafiku můžeš sestavit pro "tabulkový i beztabulkový layout", to je úplně jedno :o)

2. 3. 2008 02:03:19

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47152

Jakub Stacho

(20 hodnocení)

2. 3. 2008 04:21:42

Napsal Dreamweb4u;38097
Čili na pochopení pro úplné začátečníky (nekamenujte mě) doporučuji vyzkoušet nejdřív table-layout

Musím nesouhlasit!

Když jsem se začal učit CSS, tak největší problém jsem měl právě s odnaučením „tabulkového myšlení“. Neměl jsem problém se syntaxí ale s tím, že jsem si stránku stále představoval jako buňky tabulky. A to je velmi omezující.

Troufám si tvrdit, že i spousta samotných grafických návrhů bývá poznamenána právě tabulkovým myšlením.

2. 3. 2008 04:21:42

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47151

Smazaný účet aClLm1zHYQ

(11 hodnocení)

2. 3. 2008 12:28:35

Napsal tracy;38099
Musím nesouhlasit!
Když jsem se začal učit CSS, tak největší problém jsem měl právě s odnaučením „tabulkového myšlení“. Neměl jsem problém se syntaxí ale s tím, že jsem si stránku stále představoval jako buňky tabulky. A to je velmi omezující.
Troufám si tvrdit, že i spousta samotných grafických návrhů bývá poznamenána právě tabulkovým myšlením.

To záleží na tom, jak člověk ulpí na určitém přístupu, já to psal hodně

obecně a asi jsem vycházel ze svého postupu, kdy jsem se všechno učil

sám bez správného sledu. Mnoho známých mělo naprosto stejné začátky,

kdy tabulkový layout byl prostě intuitivním začátkem.

Vžijte se do role úplného začítečníka, který nemá doma knihu "jak na CSS", nebo "pokročilé techniky pro webové designéry",

nechodí na kurzy a nemá mu to kdo ve škole vysvětlit.

Napsal tracy;38099
Neměl jsem problém se syntaxí ale s tím, že jsem si stránku stále představoval jako buňky tabulky. A to je velmi omezující.

To je přesně ono, to co jsem napsal. Určitě existuje cesta, jak se tomu

vyhnout, ale myslím, že úplný začátečník, který se tím nechce dlouhodobě

zabývat, jí hledat nebude.

Napsal tracy;38099

Troufám si tvrdit, že i spousta samotných grafických návrhů bývá poznamenána právě tabulkovým myšlením.

Tak to musím souhlasit.

2. 3. 2008 12:28:35

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47150

Miloslav Heřmánek

(10 hodnocení)

2. 3. 2008 13:06:21

Než Word, který generuje opravdu nepřehledný a překomplikovaný kód, doporučoval bych (ač je sám nepoužívám) pro začátky nějaký kvalitnější a přitom zadarmový vizuální (Wysiwyg) editor - tuším, že docela použitelný (a nyní již i v češtině) je NVU, kdysi jsem začínal (a dlouho se mi líbil) na HTML editoru (umí zpětnou editaci tagů) a myslím i trochu CSS - důležité je, aby měl vestavěné zobrazení stránky vestavěné přímo v editoru (jasně že to doopravdy nestačí), což oba uvedené mají.

Taky bych se klonil k tomu začít na tabulkách ale co nejrychleji přejít na čisté CSS (tabulky si taky myslím, že jsou hlavně pro tabulky ;-) ) A pro opakovaný obsah (menu apod.) bych pro začátek doporučil Iframe (než Medvídku zjistíš, že úplně nejjednodušší je include v PHP).

Oddělování obsahu do formy (designu, uspořádání stránky) je trend, který rozhodně má jediný budoucnost.

Mluvím z pozice právě toho, který si html ošahával úplně od nuly bez jakékoli vnější pomoci a dobře si pamatuji, jak kdekterá samozřejmost mi připadala záhadná.

2. 3. 2008 13:06:21

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47149

Mirek Komárek

(1 hodnocení)

2. 3. 2008 16:25:12

Snaž se oddělit obsah od formy. Nejdřív si promysli co na stránce bude, vytvoř si v html kostru s nadpisy různých úrovní, navigací atd. Mrkni se na ty různý wysiwygy co ti tu doporučují a zase se na nš rychle vykašli. Napsal jsem ti v rychlosti primitivní wysiwyg, který by ti mohl pomoci. Jsou tam dvě textarey do té první vložíš css a do té druhé html a spustíš, pak si s tím můžeš hrát. Můžeš třeba vlevo

zkoušet http://www.csszengarden.com/001/001.css nebo http://www.csszengarden.com/208/208.css (url je vždy ve tvaru 001/001) atd. je tam těch stylů stovky, do pravého okna si dej část zdrojového kódu odsud http://www.csszengarden.com/ myslím celé body včetně tagu body. No a tak dva týdny si s tím hraj a uvidíš. Editor je v příloze.

2. 3. 2008 16:25:12

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47148

Smazaný účet aClLm1zHYQ

(11 hodnocení)

2. 3. 2008 18:43:06

Zkoušel jsem několik Wysiwyg editorů a NVU se mi jeví jako jeden z nejlepších zadarmo. Jediné, co mi na něm vadilo, byly ty mezery v kódu, které nechává. Možná se to stalo jen mně, ale to bylo šílené. Z 150 "řádků" jich máte najednou 500 :banghead:

Napsal hermanek;38186
Než Word, který generuje opravdu nepřehledný a překomplikovaný kód, doporučoval bych (ač je sám nepoužívám) pro začátky nějaký kvalitnější a přitom zadarmový vizuální (Wysiwyg) editor - tuším, že docela použitelný (a nyní již i v češtině) je NVU, kdysi jsem začínal (a dlouho se mi líbil) na HTML editoru (umí zpětnou editaci tagů) a myslím i trochu CSS

2. 3. 2008 18:43:06

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47147

David Čermák

(7 hodnocení)

2. 3. 2008 19:36:05

Napsal Dreamweb4u;38301
Zkoušel jsem několik Wysiwyg editorů a NVU se mi jeví jako jeden z nejlepších zadarmo. Jediné, co mi na něm vadilo, byly ty mezery v kódu, které nechává. Možná se to stalo jen mně, ale to bylo šílené. Z 150 "řádků" jich máte najednou 500 :banghead:

Nvu má novou verzi- Kompozer, který mnohé problémy odstaraňuje ;)

2. 3. 2008 19:36:05

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47146

pepperos

(48 hodnocení)

7. 3. 2008 01:56:46

a znate nekdo nejaky tutorialy (s pouzitim dreamweaveru, photoshopu a imageready), kde se užívá CSS pozicování, ne tabulek?

Nebo to s těmito nástorji nejde a musí se to dělat jinak? potom jak, nějaký návody tutoriály?

Díky.

7. 3. 2008 01:56:46

https://webtrh.cz/diskuse/jak-na-layout/strana/2/#reply47145