Autor Zpráva
Hapipo
Profil
Ahoj,
chtěl bych se zeptat, jak v CSS nastavit, aby se ohraničení "zvětšovalo" směrem dovnitř objektu.

Při použití :focus ve formuláři to pak neesteticky ostatní bloky pole odskakují. Viz. ukázka Živá ukázka

Děkuji za rady.
Keeehi
Profil
Hapipo:
Co kdyby ta políčka měla ohraničení vždy? Stačí mít nastavenou stejnou barvu jakou má pozadí, nebo transparentní barvu. A při focusu to jen změnit na červenou.
Bubák
Profil
Outline
Anebo to, co radí Keeehi
Taky jde o to, co se zvětšil rozměr o rámeček, zmenšit padding.

Pokud to nemusí vypadat stejně, jako v ukázce, je mnoho dalších možností.
- rámeček, třebas šedý všude a měnit mu barvu
- stínem, nebo několikanásobným stínem jde taky docela dobře simulovat rámeček, Box-shadow
anonym_
Profil *
Bubák:
Taky jde o to, co se zvětšil rozměr o rámeček, zmenšit padding.
...nebo použit správný box-sizing
Bubák
Profil
anonym:
...nebo použit správný box-sizing
To by inputy musely mít deklarovanou nějakou vhodnou výšku, bez úpravy to nezabere.
Kcko
Profil
Hapipo:
Jak tu padlo, nastavit border v barvě pozadí nebo nastavit transparentní border a pak není co řešit.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0