Autor Zpráva
quatzael
Profil
Na stránce http://jqueryui.com/download jsem si stáhl tento datepicker.

Problém ale je, že mám formulář nastylovanej v tabulkách a nejspíš tím je způsobeno, že se datepicker posunul doleva a je asi 40px vedle inputu, místo aby byl normálně přímo pod ním. Nevyznáte se prosím někdo v tom kódu? Potřeboval bych vědět kde se tam dá ovlivnit hodnota css left, případně i top.

Díky.
Sir Tom
Profil
quatzael:
Ve vygenerovaném kódu se podívej, jakou třídu nebo id má ten datepicker a pak ho za pomoci relativního pozicování dostrkej na místo, kam potřebuješ.
quatzael
Profil
to jsem už zkoušel, ale nějak to nefunguje..

$(function() {
        $( "#form-pov-datum-narozeni" ).datepicker({
            changeMonth: true,
            changeYear: true

        });
        $(".ui-datepicker").css("left","400px");
    });

možná by pomohlo, kdyby tam nebylo přímo absolutně 400px, ale že se má např. o 80px posunout doleva..
Takhle jsi to myslel??
Já neznám syntax jak se přidává k těmto hodnotám další pixely..
Sir Tom
Profil
quatzael:
Tak místo 400px můžeš napsat 320px. Nebo .ui-datepicker bude mít position: relative a pak hodnotami left a top určíš jak daleko bude tento element zobrazen od svého původního místa.
quatzael
Profil
Sir Tom:
Tak místo 400px můžeš napsat 320px.
Tohle právě říkám, že nefunguje. Je jedno co tam hodím za číslo, prostě se nic nezmění..
Přitom když zkouším v mozile přímo u toho prvku měnit hodnotu left tak to funguje.. ale někdy se to při opakovaným focusu vrátí zpět na místo, kde to bylo, i když tam zůstane hodnota třeba deset...
Sir Tom
Profil
quatzael:
Tak třeba to číslo je něčím přebité nějakým jiným stylem - nevím - nemám živou ukázku...
quatzael
Profil
Tak už jsem přišel na to co tam bylo za problém!!

Dával jsem jsem tam i autocomplete našeptávač a problém byl úplně ten stejnej. Nakonec jsem přišel na to, že jsem měl v CSS nadefinovaný vycentrování jak pro body tak i pro obalovej div celý stránky..

Takže tam bylo:

body
{
 position: relative;
 font-family: Arial, Helvetica, sans-serif;
 1font-family: Verdana, Geneva, sans-serif;
 font-size: 14px;
 width: 100%;
 text-indent: 0px;
 display:block;
 
 max-width: 1018px;
 min-width: 1018px;
 margin-left: auto;
 margin-right: auto;
 min-height: 1000px;
}

#block
{
 position: relative;
 max-width: 1018px;
 min-width: 1018px;
 margin-left: auto;
 margin-right: auto;
 min-height: 1000px;
}

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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