Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Šířka inputů v %

HTML a CSS HTML a CSS Šířka inputů v % American English version English version

Aktivity (1)
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í
+1 bodů
Řešení problému
 
Nahoru Odpovědět 9.2.2015 19:40
Avatar
IT Man
Redaktor
Avatar
Odpovídá na Matyáš Procházka
IT Man: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
Cokoliv a kdokoliv může jednou uspět.
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 IT Man
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.