Formular oble rohy

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

Formular oble rohy

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

takýto kód

Kód: Vybrať všetko

#corner {
   width: 156px;
   height: 22px;
   border: solid #7f9db9 1px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: white;
}
a takto to vyzerá v indexe

Kód: Vybrať všetko

<div id="corner">
   <form action="" method="post">
   <input type="text" name="cmd" />
   </div>
   <input type="submit" value="Odoslat">
   </form>
ja chcem aby tam bolo len to oblene nech tam neni to hranate...
Prílohy
sa.PNG
sa.PNG (941 Bajtov) 395 zobrazení
forfun
Light Expert
Light Expert
Príspevky: 77
Registrovaný: 03 jan 2010, 17:26

Re: Formular oble rohy

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

CSS:

Kód: Vybrať všetko

#corner {
   width: 156px;
   height: 22px;
   border: solid #7f9db9 1px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: white;
}
input{
	border: 0;
	margin-left: 5px;
}
eror
Medium Star
Medium Star
Príspevky: 457
Registrovaný: 16 nov 2008, 14:19
Bydlisko: GA

Re: Formular oble rohy

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

hej ja tam mam aj <input type="submit" value="Odoslat">
a teraz sa mi ukaze len text odoslat ale ten form ide...
Prílohy
zle.PNG
zle.PNG (413 Bajtov) 365 zobrazení
dobre.PNG
dobre.PNG (1.09 KiB) 365 zobrazení
Grim
Darca
Darca
Používateľov profilový obrázok
Príspevky: 8702
Registrovaný: 25 jún 2008, 0:54
Bydlisko: pod železničným mostom
Kontaktovať používateľa:

Re: Formular oble rohy

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

tak border: 0px; si daj do #corner a input{} zmaž
eror
Medium Star
Medium Star
Príspevky: 457
Registrovaný: 16 nov 2008, 14:19
Bydlisko: GA

Re: Formular oble rohy

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

potom to zas je takto
Prílohy
sasd.PNG
sasd.PNG (1.54 KiB) 359 zobrazení
sharky-no
King
King
Používateľov profilový obrázok
Príspevky: 1681
Registrovaný: 31 okt 2006, 19:53

Re: Formular oble rohy

Príspevok od používateľa sharky-no »

Kód: Vybrať všetko

<div id="corner">
   <form action="" method="post">
   <input class="text" type="text" name="cmd" />
   </div>
   <input type="submit" value="Odoslat">
   </form>
css to iste akurat ze pri inpute pridaj class

Kód: Vybrať všetko

input.text{
blablabla
}
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Formular oble rohy

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

Správne je riešenie je to čo napísal forfun, len trošku upravené aby sa ten input týkal iba inputu typu text

Kód: Vybrať všetko

#corner {
   width: 156px;
   height: 22px;
   border: solid #7f9db9 1px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: white;
}
input[type=text]{
   border: 0;
   margin-left: 5px;
}
samozrejme možností je viac, ak to potrebuješ len na tento jediný input a na iné už nie, tak by som to naštýloval skôr v tom dive kde ten iput je a nie priamo na inpute
Napísať odpoveď