Formulár oblé rohy

Programovacie jazyky, rady, poradňa...
eror
Medium Star
Medium Star
Príspevky: 457
Registrovaný: 16 nov 2008, 14:19
Bydlisko: GA

Formulár oblé rohy

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

zdravím mám obycajný formular vedel by mi niekdo poradit ako zneho spravit oble rohy?
firewall
Amateur
Amateur
Používateľov profilový obrázok
Príspevky: 19
Registrovaný: 23 sep 2009, 15:32
Bydlisko: Bratislava, Ružomberok

Re: Formulár oblé rohy

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

zeby CSS?
Gepid
Medium Professional
Medium Professional
Používateľov profilový obrázok
Príspevky: 1006
Registrovaný: 15 júl 2008, 16:54
Bydlisko: Trnava
Kontaktovať používateľa:

Re: Formulár oblé rohy

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

Buď cez CSS3: http://www.css3.info/preview/rounded-border/
Alebo pomocou obrázku.
forfun
Light Expert
Light Expert
Príspevky: 77
Registrovaný: 03 jan 2010, 17:26

Re: Formulár oblé rohy

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

Do CSSka:

Kód: Vybrať všetko

#corner {
	width: 300px;
	border: solid black 2px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: teal;
}
A samotny formular:

Kód: Vybrať všetko

<div id="corner">
	<table>
		<form>
			<tr>
				<td>
					Meno:
				</td>
				<td>
					<input type="text" name="meno" />
				</td>
			</tr>
			<tr>
				<td>
					Priezvisko:
				</td>
				<td>
					<input type="text" name="priezvisko" />
				</td>
			</tr>
			<tr>
				<td>
					<input type="submit" name="submit" value="Odoslat">
				</td>
			</tr>
		</form>
	</table>
</div>
eMPiko
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3085
Registrovaný: 11 jan 2007, 16:40

Re: Formulár oblé rohy

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

Pomocou obrazka odporucam, border-radius je z CSS3, ktoreho dokumentacia este oficialne nevysla a nie je podporovane u (odhadom) 75+% uzivatelov.
Peppy
Amateur
Amateur
Príspevky: 21
Registrovaný: 08 feb 2010, 21:00

Re: Formulár oblé rohy

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

Firefox 3.5 už plne podporuje všetky doteraz vydané CSS selektory, triedy atp. ktoré fungujú. Taktiež Chrome je na tom dobre s Operou neviem ako to je a najhoršie je na tom (ako vždy) MSIE 8. Vývojári IE od Microsoftu teraz plne implementujú CSS3 do MSIE9 takže konečne plná CSS kompatibilita všetkých prehliadačov ! FTW!
eMPiko
Addict
Addict
Používateľov profilový obrázok
Príspevky: 3085
Registrovaný: 11 jan 2007, 16:40

Re: Formulár oblé rohy

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

Mne teda Firefox 3.6 border-radius nepodporuje. Takisto su na tom IE ktorakolvek doteraz vydana verzia. (Dohromady teda 82.5% podiel na trhu podla w3c)
Peppy
Amateur
Amateur
Príspevky: 21
Registrovaný: 08 feb 2010, 21:00

Re: Formulár oblé rohy

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

mno tak asi nie :D...MSIE 9 ešte nie je k stiahnutiu :)
__construct
Medium Expert
Medium Expert
Používateľov profilový obrázok
Príspevky: 108
Registrovaný: 23 sep 2009, 9:32
Bydlisko: Dark Side of The Moon
Kontaktovať používateľa:

Re: Formulár oblé rohy

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

Kód: Vybrať všetko

-webkit-border-radius:
Pridaj toto aby to fungovalo aj v prehliadačoch ktoré používajú zobrazovacie jadro WebKit (Safari, Google Chrome, atď )
chrono
VIP
VIP
Používateľov profilový obrázok
Príspevky: 7127
Registrovaný: 25 dec 2006, 15:17

Re: Formulár oblé rohy

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

-moz-border-radius podporuje aj Firefox 2 (ale vyzerá to dosť hnusne, vo verzii 3.x tie okraje vyzerajú oveľa krajšie)
Napísať odpoveď