Autor Zpráva
kubiseg
Profil
zdravim...

potreboval bych helfnout...
<div id="spoluprace_div">
       <label for="spoluprace" class="label-spoluprace">Spolupracujete s nějakou bankou:</label>
       <input type="checkbox" name="spoluprace" id="spoluprace" class="input-spoluprace bez" style="margin-top:3em;" onClick="showUprSpo();" />
       <img src="images/ok.gif" class="validMsg" alt="Správně" title="Správně" />
       <br style="clear:left;" />
     </div>

mam tento kod, na nej navazujici CSS styl, ktery obstarava vodorovne zarovnani popisku a poli...

nyni bych potreboval, aby se celej div zarovnaval vertikalne na stred, spolecne se vsemi child...

nevi nekdo jak na to? metodu s nastavenim display:table jsem zkousel, ale nereaguje vubec na nic... :(
Plaváček
Profil
kubiseg

Vertikálně na střed čeho se má zarovnávat? Okna? Nadřazeného DIVu? Nebo něčeho jiného?
kubiseg
Profil
Plaváček
ten div je zarovnanej... potrebuji uvnitr divu #spoluprace_div zajistit vertikalni zarovnani... spatne jsem se vyjadril...

div # spoluprace_div je nadrazenej pro prvky <label><input><img> a <br> ... tyhle vsechny bych chtel, aby byly zarovnany na stred toho divu...

rozumime si? :) dekujii :)
Plaváček
Profil
kubiseg

Prostuduj si tohle řešení: http://klient.plavacek.net/centrovani.html
kubiseg
Profil
Plaváček
reseni super... ale jaksi jsem zapomnel rici, ze u meho reseni je <label> v css definovan jako display:block a tudiz se mi rozhodi potom uplne cela stranka :(
Plaváček
Profil
kubiseg

A co brání celý ten kus kodu vrazit do DIVu s nastavenou šířkou a ten vycentrovat?
kubiseg
Profil
cely kod je takto...

<style type="text/css">
label.label-spoluprace {
   display: block;
   float: left;
   width: 200px;
   line-height: 2em;
}
input.input-spoluprace {
   float: left;
   border: 1px dotted #cdcdcd;
   height: 16px;
   font-size: 12px;
   font-family: Verdana, Helvetica, Tahoma;
}
select.select-spoluprace {
   width: 152px;
   float: left;
   border: 1px dotted #cdcdcd;
   height: 18px;
}
</style>
<div id="jmenoPodnikatele_div">
       <label for="jmenoPodnikatele" class="label-spoluprace">Jméno statutárního zástupce společnosti:</label>
       <input type="text" name="jmenoPodnikatele" id="jmenoPodnikatele" class="input-spoluprace bez" />
       <img src="images/ok.gif" alt="Správně" title="Správně" class="validMsg" />
       <br style="clear:left;" />
</div>


kdyz obalim #jmenoPodnikatele_div do divu s vlastnostmi display:table-cell a vertical-align:middle, tak se to rozhazi... nastavim-li mu jeste width:100%, tak se to vrati zpet do puvodniho stavu, ale o svislem zarovnani si stale nechavam jenom zdat... :( ach jo...
Plaváček
Profil
kubiseg

Dobře, já ale furt nechápu, co vlastně chceš centrovat? Nebyla by ukázka naživo celé stránky?
kubiseg
Profil
potrebuji vycentrovat <input> a <label> vuci <div>

<div> je rodic pro <input>, <label>, <img>, <br> a ja potrebuji tyhle vsechny elementy zarovnat na stred vuci tomu konkretnimu <div>u...

jinak na ukazce to bude pochopitelne... snad, doufam...
Plaváček
Profil
kubiseg

Můžeš mi, prosím, srozumitelně vysvětlit, proč probůh máš ve formuláři tolik DIVů a ještě každý s jiným ID? Pokud je všechny vyházíš, máš dvě možnosti:

1. použít tabulku, v tomto případě není problém
2. label bude display:inline, float:left:clear:left;margin-right:dle potřeby, pro FORM nastavíš form *{vertikal-align:middle} a máš po starostech

P.S., pokud jsi o tyto stránky http://www.plavacek.net/formulare/ ještě nezakopl, zkus si je prostudovat.
kubiseg
Profil
Plaváček
ty divy jsou tam z prosteho duvodu, ktery zde nebudu vysvetlovat... ;-)

jinak jdu zkouset... reseni neco vymazat mi nesedi, takze to jdu delat jinym zpusobem...

diky za pomoc... ;-)
Plaváček
Profil
kubiseg

No, když už je tam musíš mít, tak co zkusit třeba tohle jednoduché řešení? http://klient.plavacek.net/formularik.html
kubiseg
Profil
to neni reseni svislyho vycentrovani, ale pouze roztazeni width pro <label>, tudiz se tam pote ten popisek vejde do radku...

taky jsem to tak zkousel, ale nakonec to asi udelam tak, ze souvisla pole hodim do <fieldset>u a tudiz budu moci zkratit Jmeno statutarniho zastupce spolecnosti na Jmeno: a bude to tam sedet jak ma... ;-)

diky :)
Plaváček
Profil
kubiseg


tudiz budu moci zkratit Jmeno statutarniho zastupce spolecnosti na Jmeno: a bude to tam sedet jak ma... ;-)

Nezapomeň, že jsou lidé, kteří si zvětšují písmo. Budeš mít problém a pořád si myslím, že na to celé jdeš blbě. Osobně bych volil tabulku a ušetřil by sis spoustu zbytečné práce.

Ale komu není rady, tomu není pomoci.
kubiseg
Profil
Plaváček
ja bych rad tabulku pouzil, ale diky jinym vecem to neni mozne... prosil bych o toto povoleni...

jsem rad, ze se mi timto threadem snazis pomoct, ale doopravdy uz s tim neudelame nic... a tenhle formular neni taky pristupny pro masy lidi... jedna se o pocet do cca 30 unikatnich uzivatelu, tudiz si nemyslim, ze by to mel byt velky problem... ;-)

a jeste jednou dekuji...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0