Autor Zpráva
LastHunter
Profil *
#1 · Zasláno: 30. 6. 2006, 17:07:27
Odpovědět Citovat
Dobry den,
mam problem s designem pro muj pripravovany redakcni system.

Rozhodl jsem se pro XHTML 1.0 Strict a CSS. Logicke kompletni formatovani vseho pres kaskadove styly se dnes velice hodi.

Ale je tu hacek a na jeho reseni se mi nepodarilo prijit.

http://lasthunter.scorpions.cz/nemesis2/
(PHP kod zatim neni implementovan, pro vstup do hlavni casti staci klepnout na Vstup - jsou tam dalsi formularova pole.

Ve Firefoxu a v Opere 8 (v 9 nikoli!) chybuji formulare (input). Krome prvniho radku v dane skupine se v tech pod nim nezobrazuje kurzor od jiste casti od leveho okraje az do konce. V teto casti nelze do formulare ani klepnout a zacit psat. Avsak pokud klepnu na jeho zacatek a zacnu psat, dostanu se i do casti, do ktere se nedostanu pres kurzor. Mno, sami si to ozkousejte.

Zkousel jsem vse mozne - barevne si vyznacoval vsechny prvky v okoli, jestli tam nejake nezasahuji, googloval, atd. V IE tento problem nenastava.

Budu vam velice vdecny, pokud mi s resenim pomuzete.

P.S.: Omlouvam se za castecnou neoptimalizaci pro dalsi prohlizece krome Firefoxu, nejake prvky mirne ujizdi, ale s problemem by to nemelo podle me mit nic spolecneho.
habendorf
Profil
#2 · Zasláno: 30. 6. 2006, 17:31:50 · Upravil/a: habendorf
Odpovědět Citovat
Začni s clear:both; pro main-form-button.

Jinak to je těžce doprasený, takhle se to nedělá. Milion zbytečných divů, kresleno po sloupcích (zkus si zvětšit písmo, také hezké).
Pak to doháníš marginama aby to jakž takž sedělo.
Tohle se kreslí po řádcích, <label> a po něm <input>. Pak stačí form * {vertical-align:middle} a nemusíš nic rovnat.
Ani jeden z těch divů tam není potřeba.
tiso
Profil
#3 · Zasláno: 30. 6. 2006, 17:38:44
Odpovědět Citovat 
<div id="main-form-texts">

	<div class="main-form-line-text">Nadpis:</div>

	<div class="main-form-line-text">Autor:</div>

	<div class="main-form-line-text">Nadpis:</div>

	<div class="main-form-line-text">Autor:</div>

	<div class="main-form-line-text">Nadpis:</div>

	<div class="main-form-line-text">Autor:</div>

	<div class="main-form-line-text">Nadpis:</div>

	<div class="main-form-line-text">Autor:</div>

</div>



<div id="main-form-forms">

	<div class="main-form-line-input"><input name="form_login" size="25" class="form-input" maxlength="25" /></div>

	<div class="main-form-line-input"><input name="form_password" size="25" class="form-input" maxlength="25" /></div>

	<div class="main-form-line-input"><input name="form_login" size="25" class="form-input" maxlength="25" /></div>

	<div class="main-form-line-input"><input name="form_password" size="25" class="form-input" maxlength="25" /></div>	<div class="main-form-line-input"><input name="form_login" size="25" class="form-input" maxlength="25" /></div>

	<div class="main-form-line-input"><input name="form_password" size="25" class="form-input" maxlength="25" /></div>	<div class="main-form-line-input"><input name="form_login" size="25" class="form-input" maxlength="25" /></div>

	<div class="main-form-line-input"><input name="form_password" size="25" class="form-input" maxlength="25" /></div>

</div>


...to hádam nemyslíš vážne? Ale k problému: máš tam nejaký blok pred tým, konkrétne <div id="main-form-button">...

Finta fň - topographic view (http://www.make-believe.org/posts/04/04/01/0) - Javascriptový favelet Ti ukáže kde máš aké prvky, stačí pridať do bookmarkov...
Druhý užitočný favelet: MODIv2 (http://slayeroffice.com/tools/modi/v2.0/modi_help.html)
Plaváček
Profil
#4 · Zasláno: 30. 6. 2006, 17:41:09
Odpovědět Citovat
Co zkusit postavit formulář poněkud elegantněji? Viz http://www.plavacek.net/formulare
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0