View previous topic :: View next topic |
Author |
Message |
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 30.06.2004 13:43 Post subject: textfield background |
|
|
kako da namjestim da mi se jednako prikazuje back u textfieldu u ie i ff
evo primjer |
_________________ no ojro |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 30.06.2004 15:25 Post subject: |
|
|
Code: | #prvi {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-image: url(back.gif);
background-repeat: no-repeat;
height: 19px;
width: 140px;
margin: 0px;
padding: 2px;
border: 0px none;
} |
ovo bi trebalo radit?!
ali jesi razmisljo o tome da input tag stavis u div,?! jer ovako ti se u IE - u raspada kad uneses pun k slova (mice se back).... mozda bi bilo brze i jednostavnije?! |
_________________ ah.. |
|
Back to top |
|
|
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 30.06.2004 15:40 Post subject: |
|
|
aha, zapravo je fora u
Code: | background-attachment: fixed; |
zašto se ovo shebe u ff, kad stavim da bude fixed background |
_________________ no ojro |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 01.07.2004 00:03 Post subject: |
|
|
bah... iskreno pojma neam... bug u FF mozda?!?!
bilo bi zanimljivo znat ako neko zna*! |
_________________ ah.. |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 01.07.2004 00:31 Post subject: |
|
|
El mozes dat sliku onog sto zelis dobiti? Jer iz koda nisam uspio skuziti... A u IE, operi i FF vidim tri totalno razlicite stvari, pa ne znam koja je prava i tocna i sto zelis tocno |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
tic984
Joined: 07 Sep 2003 Posts: 189 Location: Delnice
|
Posted: 01.07.2004 10:36 Post subject: |
|
|
Quote: | <style type="text/css">
<!--
.stil_input {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background-image: url(back.gif);
background-repeat: no-repeat;
height: 19px;
width: 140px;
border: 0px none;
}
.stil_input input{
border: 0px none;
background: transparent;
height: 19px;
width: 140px;
margin: 0px;
padding-right: 5px;
padding-left: 2px;
padding-top: 1px;
}
body {
margin: 5px;
padding: 5px;
}
#tablica {
height: 50px;
width: 200px;
background-color: #CCCCCC;
margin: 3px;
padding: 3px;
}
-->
</style></head>
<body>
<table id="tablica" border="0" cellpadding="0" cellspacing="0" width="400">
<tbody><tr>
<td><div class="stil_input"><input name="textfield" type="text"></div></td>
</tr>
</tbody></table>
</body></html> |
eto imam viska vremena
mislim da je ovo bolje rjesenje...
i dalje neznam zakaj FF to drukcije prikazuje?! Google mozda? |
_________________ ah.. |
|
Back to top |
|
|
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 01.07.2004 10:50 Post subject: |
|
|
zytzagoo wrote: | El mozes dat sliku onog sto zelis dobiti? Jer iz koda nisam uspio skuziti... A u IE, operi i FF vidim tri totalno razlicite stvari, pa ne znam koja je prava i tocna i sto zelis tocno |
ma to su dva textfielda, prvi izgleda normalno u ff, drugi u ie, primjeri samo da se vidi razlika
stvar je u tome kad stavim background-attachment: fixed;, onda se u firefoxu pozadina sa textfielda pomakne na početak dokumenta
tic984:
ma nisi se trebao gnjaviti, znao sam i ja na ovaj način napraviti, ali ipak hvala
pozdrav |
_________________ no ojro |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 01.07.2004 11:08 Post subject: |
|
|
Kompliciras si zivot sa fixedom i ostalim...
Ovo kod mene izgelda identicno u oba browsera gorespomenuta:
Code: |
<style type="text/css">
#prvi {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
background: url(back.gif) no-repeat;
margin: 0px;
padding: 2px 2px 2px 6px;
height: 19px;
width: 140px;
border: 0px none;
}
#drugi {
background: transparent url(back.gif) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
padding: 2px;
border: none;
height: 19px;
width: 140px;
}
</style>
|
I preporuka jedna - nemoj raditi u quirks modeu sa css-om, nepredvidljive rezultate mozes dobiti... Stavi radje html4 transitional, bar znas sto mozes ocekivati a ovako se prepustas browseru na milost i nemilost |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 01.07.2004 11:12 Post subject: |
|
|
ok, hvala ljudi
ipak ću ga morati staviti u div
pozdrav |
_________________ no ojro |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 01.07.2004 11:41 Post subject: |
|
|
Meni ovo gore radi i kad stavim na <input> id samo
Doduse, mozda nisam dobro skuzio sto zelis postici, ali oba se vide identicno |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 01.07.2004 15:33 Post subject: |
|
|
da radi, samo se u exploreru počne tile-at, kad upišeš neki duži email |
_________________ no ojro |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 01.07.2004 16:02 Post subject: |
|
|
ivan wrote: | da radi, samo se u exploreru počne tile-at, kad upišeš neki duži email |
Hmm... da, nisam to isao provjeravati... Mozes sa maxlength atributom ograniciti broj znakova u inputu ako nista drugo... A postoji i mrvicu kompleksnije rjesenje sa css hackom, ali onda dobijes tocno ovo sto zelis: http://www.picment.com/articles/css/funwithforms/
Pogledaj pod korak broj 4, a i cijeli članak je fora napisan |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 01.07.2004 23:37 Post subject: |
|
|
tnx, sad trebam ovo proučit |
_________________ no ojro |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 02.07.2004 02:18 Post subject: |
|
|
Pa nije neki rocket science, u tvom konkretnom primjeru:
Code: |
#prvi {
margin, padding i ostalo...
background: transparent;
url(back.gif) no-repeat fixed;
}
td>#prvi {
background: transparent;
url(back.gif) no-repeat;
}
|
Prvo pravilo vidi IE, dok drugo ne vidi, a ostali browseri novije generacije kuze child selector '>' pa ce primjeniti drugu varijantu. Naravno, ako #prvi stoji kao id nekog elementa koji je direktni child td-a... Ako je u divu nekom, onda stavis div>#prvi ili tome slicno...
Primjeti da ti ne treba u drugom pravilu ponavljanje margine, paddinga, widtha, heighta i ostalog, jer se to inherita... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
ivan
Joined: 08 Sep 2003 Posts: 320 Location: Zagreb
|
Posted: 02.07.2004 11:03 Post subject: |
|
|
evo ga radi
ovo je zanimljivo, trebao bi ovo proučit do kraja
tnx zyt |
_________________ no ojro |
|
Back to top |
|
|
|