HTML/CSS problém s výškou tlačidla

Programovacie jazyky, rady, poradňa...
S-player
Light Star
Light Star
Príspevky: 277
Registrovaný: 23 júl 2011, 22:30

HTML/CSS problém s výškou tlačidla

Príspevok od používateľa S-player »

Zdravím, mal som problém s výškou tlačidla ,ktoré sa nachádza vedľa inputu. Našiel som tento tutoriál http://files.christophzillgens.com/form-test.html ,ktorý mi celkom pomohol. Problém ,ale je ,že keď si nastavím na tlačidle/inpute nejaký border (Povedzme 1px solid red, momentálne tam je border:none;) tak sa to opäť celé pokašle. Vedel by mi s tým niekto pomôcť? Takéto zákernosti niesu mojou silnou stránkou...Vďaka
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa weroro »

Daj odkaz na živú ukážku.
dykeer
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 102
Registrovaný: 02 jan 2011, 21:21
Kontaktovať používateľa:

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa dykeer »

Border ti posunie element o šírku borderu, ale daj ukážku nech vidíme
S-player
Light Star
Light Star
Príspevky: 277
Registrovaný: 23 júl 2011, 22:30

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa S-player »

Akú ukážku? Hore som zverejnil link stačí ,ak vymažete border:none; z inputu/buttonu a máte to...

dykeer: Momentálne tam je border:none; a je to v pohode. Ak nastavím na oboch elementoch presne rovnaký border tz. 1px solid red (Dajme tomu) ako je možne ,že sa posunú tak ch*jne...? Absolútne tomu nerozumiem...
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa weroro »

Ukážku tvojho pokusu.

btw: Daj tam záporný margin-top.

Kód: Vybrať všetko

margin-top:-hrúbkaBorderu;
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa fikotek »

A nebo zmensi padding.
S-player
Light Star
Light Star
Príspevky: 277
Registrovaný: 23 júl 2011, 22:30

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa S-player »

weroro napísal:Ukážku tvojho pokusu.

btw: Daj tam záporný margin-top.

Kód: Vybrať všetko

margin-top:-hrúbkaBorderu;
Tak margin ma pochopitelne napadol hneď ako prvý. Ale to je opäť také riešenie ako použiť miesto klinca žuvačku... Musí sa to dať nejako "normálne" poriešiť alebo?
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: HTML/CSS problém s výškou tlačidla

Príspevok od používateľa weroro »

Samozrejme, že sa to dá. Na zarovnanie formulárových prvkov, sa štandardne používa tabuľka. :)
Napísať odpoveď