| | |
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Autor | Správa |
---|
Registrovaný: 05.09.08 Prihlásený: 13.02.12 Príspevky: 77 Témy: 28 Bydlisko: Púchov |
mam takyto html kod:
Kód: <form action="index.php" method="post" enctype="multipart/form-data" name="form_login" id="form_login"> <div id="page-wrap"> <div class="clear"> <div class="block"> <label for="a3">Osobné číslo:</label> <input name="oscislo" type="text" id="a3" onBlur= password("a3","hidden_pass") /> <br /> <div class="block_pass" id="hidden_pass"> <label for="hidden_pass">Heslo:</label> <input class="qwerty" type="password" name="heslo" /> </div> </div> </div> </div> <br /><br /> <div class="demo"> <input name="reset" type="reset" id="reset" value="Reset" onClick= reset_pass("hidden_pass")> <input name="odosli" type="submit" id="odosli" onClick="redirect("a3","form_login")" value="Ďalej"> </div> </div> <br />
</form> a taketo css: Kód: /* keyboard - demo CSS */ html, body, div, input, textarea { font-family: Verdana,Tahoma,Segoe,sans-serif; font-size: 14px; }
body { background: #333; color: #ddd; height: 100%; } a:link { color: #9fcdff; text-decoration: none; } a:hover { color: #fff; } a:visited,a:active { color: #53a5ff; }
#page-wrap { width: /*800px*/100%; /*padding: auto;*/ margin: 0 0; height: 100%; } /*inputy*/
h1, h2, h3 { color: #ddd; text-align: center; } h2 { margin: 5px; font-size: 130%; } #switcher { width: /*150px*/100%; margin: 10px auto; } #console { width: 800px; list-style-type: none; margin: 0 auto; padding: 0; } #console li { text-align: center; }
.demo { float: none; position:absolute; bottom: 50.5%; left: /*35%*/25%; width: auto;/*49%;*/ margin: auto;} /*buttony*/ .block { float: none; bottom: 50%; left: /*36%;*/30%; width: 36.5%/*40%*/; margin: 0px auto; height: auto; position: absolute; padding-left: -1%; margin-bottom: 4%; text-align: center; padding-bottom: 1% } /*inputy*/ textarea, input { width: 250px;; /*left: 6%;*/ background: #333; color: #ddd; border: #777 1px solid; padding: /*5px*/2% 0; } button {width: 180px; position: absolute;} .hiddenInput { display: inline-block; /*width: 250px; */} .clear { clear: both; vertical-align: middle;} /*inputy*/
/* used .alignRight instead of #num (for the number pad) here because the virtual keyboard strips IDs from the input - ID's are supposed to be unique! */ .alignRight { text-align: right; }
a problem ktory mam je, ze je to strasne rozbite... potreboval by som to na stred aj zvislo aj vodorovne pri kazdom rozliseni a v kazdom prehliadaci. vedel by mi s tym niekto pomoct?
|
|
Registrovaný: 24.01.08 Prihlásený: 13.09.17 Príspevky: 14572 Témy: 66 Bydlisko: Žilina |
človeče, nie som primárne kóder, ale toto čo si spáchal vybije oko aj mne.. nemám silu ti to teraz v noci už lúštiť, ale za všetky blbosti uvediem jednu: najskôr obalíš objekt do wrapperu, následne do divu "clear", a akoby to nestačilo, pridáme ešte ďalší obaľovací div?? wtf načo? zneprehľadňuješ si ten kód sám a potom sa ešte čuduješ, že ti to robí kraviny. no bodaj by nerobilo. o komentovaní css sa radšej nevyjadrím, nebolo by to ale nič slušné. odporúčam začať s niečim jednoduchším a postupne pridávať, pretože ty očividne nemáš ani len základy (nie, za základy nepovažujem nabiflenie sa niekoľkých tagov a css vlastností)
_________________ C#, PHP, ... |
|
Registrovaný: 27.07.07 Príspevky: 3948 Témy: 51 Bydlisko: Bratislava |
ked to chces mat cele v strede, mozes pouzit absolutne pozicovanie, zarovnanie na stred zhora aj zlava a pridas k tomu este zaporny margin - jedina nevyhoda je, ze musis mat nastavene pevne rozmery
_________________ NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE |
|
Registrovaný: 05.09.08 Prihlásený: 13.02.12 Príspevky: 77 Témy: 28 Bydlisko: Púchov | Napísal autor témy bimbo34: 25.03.2011 11:04 | |
|
pevne rozmery? to znamena, ze pri roznych rozliseniach to bude chciet rozne hodnoty? a teda sa to nebude dat spravit tak univerzalne?
|
|
Registrovaný: 27.07.07 Príspevky: 3948 Témy: 51 Bydlisko: Bratislava |
nie, myslel som tym, ze tomu obalovaciemu divu, ktory budes pozicovat, nastavis napr. 300 x 150px - nemusis to prisposobovat podla rozlisenia
_________________ NTB: Acer Aspire 4820TG 14" | CPU: Intel Core i5 2,53 GHz | VGA: ATI Mobility Radeon HD5650 1GB | RAM: 8GB DDR3 1066 MHz | HDD: 1TB SSD WD BLUE |
|
Registrovaný: 05.09.09 Príspevky: 1141 Témy: 127 Bydlisko: Lehota pod ... | Napísal camo: 25.03.2011 11:18 | |
|
|
|
| Stránka: 1 z 1
| [ Príspevkov: 6 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Mazanie objektov v JavaScript, VBScript, Ajax | 0 | 284 | 18.03.2013 20:58 tomas0620 | | ´´Naskakovanie´´ objektov v hrach v nVidia grafické karty | 14 | 493 | 22.08.2010 21:23 P€PoX | | Pridavanie objektov do videa v Video programy | 0 | 534 | 27.04.2008 10:36 raider93hudc | | Odstranenie niektorych objektov z videa v Video programy | 1 | 526 | 12.06.2010 22:53 shiro | | Animacia viacerych objektov v lazaruse v Assembler, C, C++, Pascal, Java | 1 | 385 | 23.12.2012 11:30 BX | | The Sims 2 - mnoho objektov v Počítačové hry | 0 | 1084 | 15.12.2007 15:45 Nexus | | Program na navrhovanie budov, objektov pre začiatočníkov v Grafické programy | 2 | 909 | 07.12.2010 19:27 shiro | | Program na tvorenie 3D objektov do hier v Grafické programy | 4 | 514 | 06.10.2015 9:09 shiro | | Word 2007, posun objektov pri posune textu v Ostatné programy | 2 | 1597 | 29.07.2009 15:08 regent | | Pridelovanie pozicie/funkcie v PHP, ASP | 3 | 402 | 26.10.2012 8:52 stenley | | Náhla zmena pozície v Internetový marketing, SEO, reklama | 1 | 566 | 17.03.2010 23:12 shaggy | | zistenie pozicie deasiatok stoviek..... v Assembler, C, C++, Pascal, Java | 1 | 244 | 03.07.2014 20:02 BX | | Nove IT pozicie v Kosiciach v Ponuka práce | 0 | 1765 | 13.01.2006 11:25 systemshock | | Dok do 5,25" pozície v Úložné zariadenia | 5 | 436 | 01.08.2011 11:15 adalbert | | jquery - nastavenie pozicie objektu medzi animaciami v JavaScript, VBScript, Ajax | 4 | 444 | 09.09.2012 18:59 zipper | | strata pozicie stranky z nicoho nic v Internetový marketing, SEO, reklama | 14 | 1078 | 21.03.2008 11:20 JanoF |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|