« 1 2 3 »
Autor Zpráva
Radim24
Profil *
#1 · Zasláno: 8. 9. 2006, 15:22:43
Odpovědět Citovat
Zdravím.
Nevíte někdo jestli to jde a jak na to? Chci dát vedle sebe několik políček INPUT, podobně jako v tabulce... jde to pomocí DIV?
Casero
Profil
#2 · Zasláno: 8. 9. 2006, 15:23:48
Odpovědět Citovat
Radim24
jo...ale nebylo leúpší to prozkoušet, a až s problémem sem přijít?
venca163
Profil
#3 · Zasláno: 8. 9. 2006, 15:25:48
Odpovědět Citovat
Radim24
zřejmě nerozumím, pokud je chceš mít vedle sebe, tak normálně napiš <input><input><input>

jak to myslíš?
Radim24
Profil *
#4 · Zasláno: 8. 9. 2006, 15:32:01
Odpovědět Citovat
Hele, já už jsem to s DIV zkoušel. Boužívám DIV na ohraničení a seskupování prvků, ale neumím to dát do jedné linie. <DIV class=inner_frame><INPUT></DIV><DIV class=inner_frame><INPUT></DIV><DIV class=inner_frame><INPUT></DIV>
venca163
Profil
#5 · Zasláno: 8. 9. 2006, 15:34:14
Odpovědět Citovat
Radim24
tak použij místo div span
Suji
Profil
#6 · Zasláno: 8. 9. 2006, 15:39:43
Odpovědět Citovat
v CSS dej
.inner_frame {
float: left;
}
tiso
Profil
#7 · Zasláno: 8. 9. 2006, 15:44:53
Odpovědět Citovat
Radim24
inputy dáš vedľa seba tak že ich napíšeš za sebou ako Ti radil venca163, neviem čo ešte riešiš... Na prečítanie doporučujem Plaváčkov kurz o prístupných a použiteľných formulároch, potom sa odnaučíš používať div-y na takéto veci...
Radim24
Profil *
#8 · Zasláno: 8. 9. 2006, 15:48:07
Odpovědět Citovat
Jó tak dík. Už je to jasné.
Radim24
Profil *
#9 · Zasláno: 8. 9. 2006, 15:50:33
Odpovědět Citovat
To tiso. Odkaz: mrklsem a v zásadě s tím souhlasím. Snažím se o jednoduchost, přehlednost, aby to uživatele moc neobtěžovalo.
Hooonza
Profil *
#10 · Zasláno: 8. 9. 2006, 15:51:12
Odpovědět Citovat
No anebo
.inner_frame {display: inline;}
Radim24
Profil *
#11 · Zasláno: 8. 9. 2006, 15:51:22
Odpovědět Citovat
Ale taky uvažuju nad tím, že bych už možná nemuselpoužívat tabulky...
Casero
Profil
#12 · Zasláno: 8. 9. 2006, 17:52:49
Odpovědět Citovat
Ale taky uvažuju nad tím, že bych už možná nemuselpoužívat tabulky...
jo dobrej nápad, hned se dostaneš o level výš
Časová prodleva: 5 dní
Radim24
Profil *
#13 · Zasláno: 13. 9. 2006, 16:24:08
Odpovědět Citovat
Mám ještě pár otázëk.

Začal jsem používat ty DIVy a zjistil jsem, že to má pár slabých míst. Člověk nemůže používat colspan, takže musí vypočítat šířky jednotlivých DIV aby prvky ve formuláři byli zarovnané. Pak se to asi zkomplikuje s nastavováním borderů...

Ale co se chci zeptat. Mám na stránce nastaveno BODY margin=0; To kvůli tomu, aby hlavička byla až od kraje. Dole podhlavičkou používám DIV k odsazení obsahu stránky (například článek) mám tam odsazení zleva pomocí DIV. Jenže teď jsem zjistitl, že když do toho vnořím další DIV, které představují buňky pro prvky formulářů, tak tyhle DIV se odsadí taky o 20px jako by se ta vlastnost zdědila. Divné.
Radim24
Profil *
#14 · Zasláno: 13. 9. 2006, 16:28:48
Odpovědět Citovat
Ještě něco:

Zkoušel jsem to display:inline a asi je to lepší než float:left (protože to nezpůsobí nežádoucí rozhození - viz příklad:)

<DIV >
<DIV style="float: left;">Heslo:</DIV>
<DIV style="float: left;"><INPUT class=INPUT type='PASSWORD' name='password2' size=20 maxlength='17'></DIV>
<DIV><i>popis</i></DIV>
</DIV>

<DIV >
<DIV><b>heslo:</b></DIV>
<DIV><INPUT class=INPUT type='PASSWORD' name='password1' size=20 maxlength='17'></DIV>
<DIV><i>popis</i></DIV>

</DIV>


Kde první kolonka Hesllo - prvek - popis je OK, ale ta druhá se nenačítá od nového řádku, ale začíná zleva vedle DIV. Nevěděl jsem, jak to mám odstranit, až pomocí display:inline to šlo (viz níže). Ale přece by to mělo jít i pomocí float ne?

<DIV >
<DIV style="display : inline;">Heslo:</DIV>
<DIV style="display : inline;"><INPUT class=INPUT type='PASSWORD' name='password2' size=20 maxlength='17'></DIV>
<DIV style="display : inline;"><i>popis</i></DIV>
</DIV>

<DIV >
<DIV><b>heslo:</b></DIV>
<DIV><INPUT class=INPUT type='PASSWORD' name='password1' size=20 maxlength='17'></DIV>
<DIV><i>popis</i></DIV>

</DIV>

A nejde to udělat nějak tak, že bych v tom vnějším DIV definoval, že všechny vnořené DIV mají být na jedn om řádku? Proč se musí definovat každý vnořený DIV zvlášť?
YoSarin
Profil
#15 · Zasláno: 13. 9. 2006, 16:58:34
Odpovědět Citovat
jde... udělej tohle: 

<div class="VsechnoVnoreneInLine">

<div>inline 1</div><div>taky inline</div>

</div>

za použití tohohle css: 

.VsechnoVnoreneInLine div{ /* rika ze vsechny divy vnorene prvku teto tridy budou mit nasledujici vlastnosti*/

  display: inline;

}

a mělo by to fungovat
Yo'Sarin
tiso
Profil
#16 · Zasláno: 13. 9. 2006, 17:03:22
Odpovědět Citovat
Radim24
Preboha, pozri si zdrojový kód nejakého formulára ktorý náhodou nie je robený tabuľkou... Prečo tam tie div-y nasilu cpeš? Prečo nepoužívaš label ako popisok inputu a podobné veci z toho kurzu o formulároch? To stále myslíš v tabuľkách a snažíš sa ich nahradiť div-mi? Prerob to!
Radim24
Profil *
#17 · Zasláno: 14. 9. 2006, 16:34:40
Odpovědět Citovat
Ještě jsem to nečet, dnes jdu na to.
Joker
Profil
#18 · Zasláno: 15. 9. 2006, 10:31:59 · Upravil/a: Joker
Odpovědět Citovat
Radim24
A proč tam vlastně cpete <div>? Můžete stejně dobře použít <span>
Mimochodem:
Konstrukce <něco><něcojiného>text</něcojiného></něco>, která není to zrovna "matrjoška" na obejití chyby v IE je příznakem, že něco je špatně. Další příznak je, pokud převážná většina prvků ve Vašem dokumentu je <div> a <span>.
Chci říct: není to nutně vždy chyba, ale člověk by se nad tím měl pozastavit, proč to tak je.

Když vezmu Váš kód:
<DIV >
<DIV><b>heslo:</b></DIV>
<DIV><INPUT class=INPUT type='PASSWORD' name='password1' size=20 maxlength='17'></DIV>
<DIV><i>popis</i></DIV>
</DIV>

a přepíšu ho:
<p> <!-- případně <div> nebo <span> -->
<label for="password1">heslo:</label><input type="pasword" name="password1" size="20" maxlength="17">
<em>popis</em>
</p>

tak pro 99% případů použití ten můj kód poskytne stejné možnosti, menší velikost, lepší sémantiku a menší počet prvků
Radim24
Profil *
#19 · Zasláno: 15. 9. 2006, 17:00:06
Odpovědět Citovat
Uváídím příklad proč to potřebuju:

http://pravatvar.wz.cz/d.htm

Mě to zobrazování které používá fieldset a legend moc nevyhovuje.
Radim24
Profil *
#20 · Zasláno: 15. 9. 2006, 17:04:39
Odpovědět Citovat
Chci použít jiné zobrazení než je na http://www.plavacek.net/formulare/stylovani-formularu.html.

Především chci mít popisek k elemetnu vpravo. Popisek může být i delší.
Radim24
Profil *
#21 · Zasláno: 15. 9. 2006, 17:08:47
Odpovědět Citovat
<DIV>title</DIV> (protože zde chci mít barevné pozadí a šířku až ke kraji vpravo)
<DIV>element</DIV> (protože chci aby popis byl vpravo a neskočil na řádek pod element
<DIV>popis</DIV>

ale mohl bych myslím použít i span, pro přehlednost.
Joker
Profil
#22 · Zasláno: 15. 9. 2006, 19:19:41
Odpovědět Citovat
Radim24
Pro ten vzhled byste mohl použít skoro jakýkoliv prvek. Grafickou prezentaci prvku neřeší HTML, ale kaskádové styly.

Pokud máte jeden prvek, jehož veškerý obsah je jiný prvek, většinou je jeden z prvků zbytečný.
Například u popisků přes:
<div><b>heslo:</b></div>
<label>heslo:</label>
máte možnosti definovat vzhled dost podobné.

Na velikost kódu v bajtech by u jednoho prvku byla asi větší, ale při větším počtu prvků už se to vyplatí. Krom toho, pokud máte CSS v externím souboru, obvykle se ten soubor při prvním načtení stránky uloží do cache, takže stránka se pak načítá rychleji. Navíc myslím, že vyhledávače hodnotí stránku i podle objemu kódu.
Anonymní
Profil *
#23 · Zasláno: 16. 9. 2006, 12:10:07
Odpovědět Citovat
" Navíc myslím, že vyhledávače hodnotí stránku i podle objemu kódu."

To slyším porvé a nezdá se mi to.

Nevím jak to myslíte s těmi prvky. Neumím si to představit. Myslel jste, že bych ten INPUT mohl nastavit tak, že by měl nahoře nadpisek (např. jméno) s modrým pozadím a vpravo byl popisek?) To by bylo fajn, ale to nevím... Anebo jste teď myslel prvek jako tag. To asi spíše.

"Pokud máte jeden prvek, jehož veškerý obsah je jiný prvek, většinou je jeden z prvků zbytečný...máte možnosti definovat vzhled dost podobné."
Nevím co tím myslíte a proč zbytečný. Nešel by nějaký lepší příklad? Díky.
Radim24
Profil *
#24 · Zasláno: 16. 9. 2006, 12:10:48
Odpovědět Citovat
předchozí příspěvek byl ode mne
Joker
Profil
#25 · Zasláno: 17. 9. 2006, 10:55:38 · Upravil/a: Joker
Odpovědět Citovat
" Navíc myslím, že vyhledávače hodnotí stránku i podle objemu kódu."
To slyším porvé a nezdá se mi to.
Myslím tím poměr kód/obsah.
Viz například zde: [url=http://interval.cz/clanky/cesta-do-vyhledavacu-za-120-dni/
]http://interval.cz/clanky/cesta-do-vyhledavacu-za-120-dni/
[/url]
Čím jednodušší HTML kód použijete, tím lépe. Hlavní textový obsah musí převažovat nad HTML značkami a dalším balastem.

Nevím co tím myslíte a proč zbytečný.
Dyť tam celou dobu dávám příklady
<div><b>heslo</b></div>
Co získáváte tím, že uvnitř <div> máte ještě <b>? Navíc značka <div> znamená něco jako "generický blok textu", nebo "souvisí to spolu, ale není pro to vhodná značka". Pokud pro to co chcete ale JE vhodná značka (v tomhle případě <label>) tak proč jí nepoužít?

Dám tedy příklad:
Linkoval jste [url=http://pravatvar.wz.cz/d.htm
]http://pravatvar.wz.cz/d.htm
[/url]
Pokud chcete podobný vzhled jako tam, srovnejte HTML kód podle Vašeho stylu:
<div class="policko_kontejner">
<div class="nadpis_policka"><b>heslo</b></div>
<div class="policko"><input (...)></div>
<div class="popisek_policka"><i>zadejte heslo</i></div>
</div>

a můj kód:
<p class="policko_kontejner">
<label>heslo</label>
<input (...)>
<em>zadejte heslo</em>
</p>
james
Profil *
#26 · Zasláno: 17. 9. 2006, 10:56:11
Odpovědět Citovat
<a href="zvuk.mp3">Písnička</a> Jak tam mam vložit svou pisniku z kompu v mp3 ??
Joker
Profil
#27 · Zasláno: 17. 9. 2006, 10:57:28
Odpovědět Citovat
james
Nahrajete jí na web. Co to má společného s tímhle tématem?
Radim24
Profil *
#28 · Zasláno: 17. 9. 2006, 18:16:44
Odpovědět Citovat
To Joker
Co se týče SEO, tak si myslím, že někdy ten kód je delší pokud člověk chce zajistit dostatečně kvalitní a působivé stránky, i když určitě to jde i zkrátit. A když ta stránka má dostatečné renomé, je známá a nabízí kvalitní obsah, tak ji ten vyhledávač stejně hodí dopředu, protože na ní chodí hodně lidí, a nějaký kód navíc už snad nevadí… Pokud ale na ni moc lidí nechodí, pak by se to projevit mohlo.

Tak už vám rozumím jak jste to myslel. Já jsem ten příklad psal na rychlo, nechtěl jsem zase úplně vypisovat všechny styly, proto jsem tam dával navíc tagy b, i. Ale jinak na to mám definovanou třídu (td_title a td_desc).

Nevím, co přesně znamená genetický blok textu. Mohl by tím být popisek a nadpisek?
To s tím EM je dobrý nápad.

Myslel jsem, že label se používá pro popisek a ne pro nadpisek. Tak jsem to spletl. Takže místo legend dám label.

EM znamená „zdůraznění“, nebylo by vhodnější pro popisek použít CITE nabe PRE (Preformatted)?

Já jsem se obával, že když tam nedám to DIV, tak se to nějak rozjede (text nebude na správném místě). Zkouším to psát bez toho DIV, ale co se stane: když nechám DIV (float:left) ve kterém je INPUT, a odstraním DIV, ve kterém byl LABEL (nadpisek) a popisek, tak popisek skočí na stejný řádek, kde je nadpisek. Kdybych odstranil i to DIV kde je INPUT, tak popisek přeskočí na řádek pod INPUT.

Takže dvě otázky
- jak to udělat, abych mohl vynechat DIV, ale nerozjeli se mi prvky (zachovalo se stejné rozvržení jako odkaz http://pravatvar.wz.cz/d.htm.
- Ty tři části seskupujete pomocí <p></p> místo <fieldset>. Ale uvnitř je label, který by měl navazovat na fieldset. Kdz6 tam teda fieldset není, tak má smysl tam legend dávat? Mám to porpojit pomocí id s tím <P>?
Radim24
Profil *
#29 · Zasláno: 17. 9. 2006, 18:18:54
Odpovědět Citovat
Zkoušel jsem tedy ten formulář aktualizovat asi takto, a dál jsem se nedostal...
http://pravatvar.wz.cz/d3.htm
nebo
http://pravatvar.wz.cz/d2.htm (kde místo fieldset je P.
Joker
Profil
#30 · Zasláno: 17. 9. 2006, 19:29:33
Odpovědět Citovat
http://pravatvar.wz.cz/d2.htm
já bych to upravil nějak takhle:
http://skripty.webz.cz/priklady/form_radim24.html
Téma pokračuje na další straně.
« 1 2 3 »
Toto téma je uzamčeno. Odpověď nelze zaslat.

0