View previous topic :: View next topic |
Author |
Message |
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 13.10.2004 13:09 Post subject: Button - Mozilla vs. IE |
|
|
pitanje je vrlo jednostavno (IE, naravno, radi probleme..)
ako imam ovo:
<input name="submit" type="submit" value="Submit">
dobijem isti button u Mozilli i IE-u .. medjutim, ako slucano "Value" povecam na recimo:
<input name="submit" type="submit" value="Submit Nesto">
IE automatski poveca lijevi i desni padding u buttonu dok u Mozilli ostaje isti bez obzira na duzinu tog teksta.. Stvarno mi treba isti padding i u jednom i u drugom browseru pa ako netko zna.... |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 13.10.2004 19:38 Post subject: |
|
|
Hm, ovak, bez isprobavanja, napravi neki class i primijeni ga na gumbek:
Code: | .neki_class {padding:4px;} |
Code: | <input class="neki_class"... |
|
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 13.10.2004 21:10 Post subject: |
|
|
da pojasnim... padding je po difoltu 0 (iako je u IEu veci, on to shvaca kao 0).. ako stavim 4 povecat ce se i u jednom i u drugom browseru tako da necu dobiti nista.. |
|
|
Back to top |
|
|
imbrod Guest
|
Posted: 14.10.2004 09:54 Post subject: |
|
|
Probaj sa
padding: 0px
a probaj i postaviti fiksnu sirinu
width: 50px |
|
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 14.10.2004 10:01 Post subject: |
|
|
padding je 0px, ali ga IE ne prikazuje kao 0.. fiksnu sirinu ne mogu zadati jer ne znam koji tekst dolazi u button.. |
|
|
Back to top |
|
|
imbrod Guest
|
Posted: 14.10.2004 14:26 Post subject: |
|
|
onda probaj umijesto buttona koristiti tablicu samo s 1 poljem koja sadrzi link na submit forme (a href="javascript:document.form1.submit()" gdje umijesto form1 upisi naziv svoje forme) i dodijeli tablici cellpadding=0 i nek ti ona "glumi" button. |
|
|
Back to top |
|
|
che.UP mi3.crew
Joined: 07 Sep 2003 Posts: 2320 Location: zagreb
|
Posted: 14.10.2004 14:31 Post subject: |
|
|
imbrod wrote: | onda probaj umijesto buttona koristiti tablicu samo s 1 poljem koja sadrzi link na submit forme (a href="javascript:document.form1.submit()" gdje umijesto form1 upisi naziv svoje forme) i dodijeli tablici cellpadding=0 i nek ti ona "glumi" button. |
zasto za to koristit tablicu pobogu? i sta ce ljudi koji nemaju ukljucen js? |
_________________ UP | TypeTester | Accommodations App
Meni u Firefox-u ne radi AJAX |
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 14.10.2004 15:00 Post subject: |
|
|
1. Treba mi button.
2. Ne znam koji tekst ide unutra tako da ne mogu staviti "width: 50px".
3. Mora izgledati jednako u svim browserima. |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 14.10.2004 15:50 Post subject: |
|
|
Dunno, ja sam zadovoljan izgledom buttona na svojim sajtovima (provjeravam FF 1.0PR & IE SP2), a mijenjam samo padding i font-family.
BTW kad smo već kod tog, možda nekom bude korisno -> http://www.456bereastreet.com/archive/200409/styling_form_controls/ |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 14.10.2004 17:00 Post subject: |
|
|
red wrote: | Dunno, ja sam zadovoljan izgledom buttona na svojim sajtovima (provjeravam FF 1.0PR & IE SP2), a mijenjam samo padding i font-family. |
zadovoljan sam i ja kad imam nesto tipa "submit", "cancel" i slicno... ali probaj namjestiti da ti button na kojem pise "submit submit submit" izgleda jednako u IEu i Mozilli... Znaci, kad je duzi tekst u IEu je veci lijevi i desni padding... (iako on to shvaca kao padding od 0px..) |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 14.10.2004 17:18 Post subject: |
|
|
Yea, bez definiranja widtha je zlo... Ak znaš kolki će ti biti najveći width, definiraj tako, ako ne, sliježem ramenima. |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 14.10.2004 17:21 Post subject: |
|
|
Ne znam nista. Znam samo da padding mora biti isti bez obzira kakav je tekst unutra... Ali nitko ne zna kako to napraviti... |
|
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 14.10.2004 18:59 Post subject: |
|
|
koji ti je doctype definiran? |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
imbrod Guest
|
Posted: 16.10.2004 00:52 Post subject: |
|
|
Cekaj - idemo ispocetka:
Koju Mozillu koristis?
(bitno je - ove prije se vise ponasaju ko NS, a ova nova Firefox vise ko IE) |
|
|
Back to top |
|
|
imbrod Guest
|
Posted: 16.10.2004 01:23 Post subject: |
|
|
Evo ti jedno rjesenje (ako je bitno samo da razmak bude isti u oba browsera, a da ne mora biti 0), testirao sam na IE i Mozilli 1.5:
function risajzaj() {
mylen=document.form1.submit.value.length*8;
document.form1.submit.style.width=mylen;
}
i onda u body stavi:
onLoad="risajzaj()"
gdje naravno moras 'form1' zamijeniti nazivom svoje forme, a u body-ju ako ima vise funkcija koje se pozivaju onLoad, ovu stavi prvu (ili bolje zadnju jer ako je neki drugi browseri nece podrzavati, da pukne tek na kraju)
nije najsretnije rjesenje, ali bar priblizno, a osim toga kao sto je rekao che, dzaba sve to ako klijent ne podrzava javascript... |
|
|
Back to top |
|
|
Platypus
Joined: 07 Feb 2004 Posts: 235
|
Posted: 16.10.2004 02:42 Post subject: |
|
|
javascript izbjegavam
style="overflow: visible;"
donekle rjesava problem... zasto? tko zna, ipak je to IE.. enivej, ostao je jedan problem.. imam 2 buttona koji se nalaze u polju tablice za koje vrijedi "align=right" .. kad stavim ovaj dio koda sa "overflow" onda mi se tablica prosiri pa ako netko ima rjesenje za to.. |
|
|
Back to top |
|
|
maxy
Joined: 07 Sep 2003 Posts: 894 Location: Zagreb
|
Posted: 16.10.2004 10:47 Post subject: |
|
|
imbrod wrote: | Evo ti jedno rjesenje (ako je bitno samo da razmak bude isti u oba browsera, a da ne mora biti 0), testirao sam na IE i Mozilli 1.5:
function risajzaj() {
mylen=document.form1.submit.value.length*8;
document.form1.submit.style.width=mylen;
}
i onda u body stavi:
onLoad="risajzaj()"
gdje naravno moras 'form1' zamijeniti nazivom svoje forme, a u body-ju ako ima vise funkcija koje se pozivaju onLoad, ovu stavi prvu (ili bolje zadnju jer ako je neki drugi browseri nece podrzavati, da pukne tek na kraju)
nije najsretnije rjesenje, ali bar priblizno, a osim toga kao sto je rekao che, dzaba sve to ako klijent ne podrzava javascript... |
rjesenje problema je da se browser natjera da radi u strict modeu (doctype + dtd se treba navesti).
sad, rjesenje ovog drugog problema jos ne znam jer nisam probao reproducirati gresku. |
|
|
Back to top |
|
|
|