Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Šířka inputů v %

Aktivity
Avatar
Matyáš Procházka:9.2.2015 19:37

Ahoj,

řeším právě problém s procentuální šířkou inputů... Mám 2 inputy vedle sebe (text, submit)... Textový input má nastavenou 75% šířku a submitový 25% šířku, z čehož by mělo plynou, že se vedle sebe krásně vejdou... Když jim odstraním rámeček atd. tak se daj vedle sebe, jakmile ale tomu textové inputu nastavím 10px padding ze stran, stane se to, že submitový input poskočí o řádek níž, protože se tam nevejde... A já teď nevím, jak udělat, aby ten textový input měl 10px padding ze stran, ale zároveň aby se oba inputy vešly vedle sebe.

Jediné, co nakonec pomohlo bylo, že jsem místo <!doctype html> napsal pouze <!doctype>. Poté se tam krásně vešly, ale nevím zda toto můžu udělat a zda je to validní? :)

Věděl by si někdo rady?

 
Odpovědět
9.2.2015 19:37
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Matyáš Procházka
Tonda Kozák:9.2.2015 19:40

Řekl bych, že <!DOCTYPE> je nesmysl a prohlížeče to berou, jako kdyby tam nebyl (vymýšlím si).

Normálně si v CSS můžeš přepnout box model http://jecas.cz/box-model
(To samé jsi udělal neuvedením / uvedením chybného doctype.)

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
9.2.2015 19:40
Avatar
Jan Lupčík
Tvůrce
Avatar
Odpovídá na Matyáš Procházka
Jan Lupčík:9.2.2015 19:41

Nastav menší % šířku inputu tlačítka na 20%. :)
Je tedy pak samozřejmostí, že pokud přidáš padding z 25% se stane např. 30% (neznám tvé rozměry).

Nahoru Odpovědět
9.2.2015 19:41
TruckersMP vývojář
Avatar
Odpovídá na Tonda Kozák
Matyáš Procházka:9.2.2015 19:47

Velice děkuji,

přesně toto:

box-sizing: border-box

jsem hledal ;)

 
Nahoru Odpovědět
9.2.2015 19:47
Avatar
Odpovídá na Jan Lupčík
Matyáš Procházka:9.2.2015 19:48

Právě potřebuji, aby vždy dohromady dávaly 100% šířky parent elementu... takže potřebuji pevně nastavit 75% a 25% šířku :)

 
Nahoru Odpovědět
9.2.2015 19:48
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.