Autor Zpráva
nethor
Profil
Zdar!

Na webu používám kvůli Colorboxu
hlavičku <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Mám ale problém s délkou inputů.
Když nastavím :
input{	width: 300px;	border: solid  1px #666; padding: 5px ;	}

mají input type="text" a input type="submit" rozdílnou šířku (submit je kratší).

Způsobuje to border a padding, když je nastavím na 0 , šířka se srovná.
Border a padding jim ale nastavit potřebuji (alespoň 1px).
Nastavovat délku zvlášť pro type="submit" je v tomto případě dost 'lámání přes koleno'.

Jak se to dá ošetřit?
panther
Profil
nethor:
padding: 5
pět čeho?

Dodej odkaz na web.
nethor
Profil
panther:
Překlep, opraveno.

Živý příklad
Bubák
Profil
nethor:
Nastavovat délku zvlášť pro type="submit" je v tomto případě dost 'lámání přes koleno'.
Ale asi ti nic jiného nejbližších zhruba 5 let nezbude:
input[type="submit"]	{width: 312px;}

Nefunguje v IE6, pokud chceš stejný vzhled také v IE6, budeš muset použít na zaměření odesílacího inputu třebas třídu.

V budoucnu, až vymizí zastaralý IE7, nějak takto:
input	{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera, IE 8+ */}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0