Builder.cz - Informacni server o programovani

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



Formatovani formulare

Seznam témat     Nová odpověď

Přihlásit se     Registrace     Zapomenuté heslo

Re: Formatovani formulare

Autor: TM

11:13:31 25.01.2011

Pri formatovani formualare bych se floatovani nebranil. staci cely form dat do fieldsetu nebo nejakeho divu (ktery bude mit nastaveny rozmer) a za koncem formulare zakazat obtekani. Nevim kde by tu mohl vzniknout nejaky zasadnejsi problem

Citovat příspěvek

 

Re: Formatovani formulare

Autor: peta1

21:52:48 24.01.2011

1. float, ale od toho osobne davam ruce pryc, pouze vyjimecny pripad, velmi nestabilni (zvlas u cms)
2. display:table; // tabulkovy layout, moderni prohlizece pri zapsani doctype to umi, dalsi info google
3. li position:relative; a display:block; label position:absolute; input margin-left (nebo li padding)
4. pouzit tabulku? nema smysl tam placat 2kB css (a jeste si zkomplikujes upravu), kdyz stejne dobre poslouzi 1kB html

Citovat příspěvek

 

Re: Formatovani formulare

Autor: TM

9:59:25 24.01.2011

melo by fungovat kdyz vsem labelum nastavis treba:
width: 200px;
display: block;
float: left;

Citovat příspěvek

 

Formatovani formulare

Autor: rudak

9:53:01 24.01.2011

Zdravim,

Chtel jsem se zeptat ohledne formatovani formularu. Struktura meho formulare je vzdy na jednom radku



Address













Takhle se to zobrazi:
Jmeno:
Priiiiiiijmeni

Ale chtel bych aby vzdy byly inputy pod sebou. Podobne jako v tabulce.


V mem pripade bych musel nastavit pevnou sirku:
form label
{
width: 140px;
}

Slo by to dynamicky bez pouziti tabulky?

Zde uvadim css:
/* Style for form */
form fieldset
{
margin-bottom: 10px;
}

form legend
{
padding: 0 2px;
font-weight: bold;
}

form label
{
display: inline-block;
line-height: 1.8;
vertical-align: top;
}

form fieldset ol
{
margin: 0;
padding: 0;
}

form fieldset li
{
list-style: none;
padding: 5px;
margin: 0;
}

form fieldset fieldset
{
border: none;
margin: 3px 0 0;
}

form fieldset fieldset legend
{
padding: 0 0 5px;
font-weight: normal;
}

form fieldset fieldset label
{
display: block;
width: auto;
}

form em.star
{
font-weight: bold;
font-style: normal;
margin-left: 3px;
color: #f00;
}

form label
{
width: 140px;
}

form fieldset fieldset label
{
margin-left: 123px;
}

Dekuji

Address
Takhle se to zobrazi: Jmeno: Priiiiiiijmeni Ale chtel bych aby vzdy byly inputy pod sebou. Podobne jako v tabulce. V mem pripade bych musel nastavit pevnou sirku: form label { width: 140px; } Slo by to dynamicky bez pouziti tabulky? Zde uvadim css: /* Style for form */ form fieldset { margin-bottom: 10px; } form legend { padding: 0 2px; font-weight: bold; } form label { display: inline-block; line-height: 1.8; vertical-align: top; } form fieldset ol { margin: 0; padding: 0; } form fieldset li { list-style: none; padding: 5px; margin: 0; } form fieldset fieldset { border: none; margin: 3px 0 0; } form fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } form fieldset fieldset label { display: block; width: auto; } form em.star { font-weight: bold; font-style: normal; margin-left: 3px; color: #f00; } form label { width: 140px; } form fieldset fieldset label { margin-left: 123px; } Dekuji

Citovat příspěvek

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: