Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
textfield background

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 30.06.2004 13:43    Post subject: textfield background Add user to your forum ignore list Reply with quote
kako da namjestim da mi se jednako prikazuje back u textfieldu u ie i ff

evo primjer

_________________
no ojro
Back to top
View user's profile Send private message Visit poster's website
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice
PostPosted: 30.06.2004 15:25    Post subject: Add user to your forum ignore list Reply with quote
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?! Smile


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
View user's profile Send private message Visit poster's website
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 30.06.2004 15:40    Post subject: Add user to your forum ignore list Reply with quote
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
View user's profile Send private message Visit poster's website
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice
PostPosted: 01.07.2004 00:03    Post subject: Add user to your forum ignore list Reply with quote
bah... iskreno pojma neam... bug u FF mozda?!?!

bilo bi zanimljivo znat ako neko zna*!

_________________
ah..
Back to top
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska
PostPosted: 01.07.2004 00:31    Post subject: Add user to your forum ignore list Reply with quote
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 Smile

_________________
[+]I[+]am[+]my[+]own[+]religion[+]
Back to top
View user's profile Send private message Visit poster's website Twitter profile
tic984



Joined: 07 Sep 2003
Posts: 189
Location: Delnice
PostPosted: 01.07.2004 10:36    Post subject: Add user to your forum ignore list Reply with quote
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 Smile


mislim da je ovo bolje rjesenje...

i dalje neznam zakaj FF to drukcije prikazuje?! Smile Google mozda?

_________________
ah..
Back to top
View user's profile Send private message Visit poster's website
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 01.07.2004 10:50    Post subject: Add user to your forum ignore list Reply with quote
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 Smile

ma to su dva textfielda, prvi izgleda normalno u ff, drugi u ie, primjeri samo da se vidi razlika Smile
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 Smile

pozdrav

_________________
no ojro
Back to top
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska
PostPosted: 01.07.2004 11:08    Post subject: Add user to your forum ignore list Reply with quote
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 Smile a ovako se prepustas browseru na milost i nemilost Smile

_________________
[+]I[+]am[+]my[+]own[+]religion[+]
Back to top
View user's profile Send private message Visit poster's website Twitter profile
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 01.07.2004 11:12    Post subject: Add user to your forum ignore list Reply with quote
ok, hvala ljudi
ipak ću ga morati staviti u div Smile

pozdrav

_________________
no ojro
Back to top
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska
PostPosted: 01.07.2004 11:41    Post subject: Add user to your forum ignore list Reply with quote
Meni ovo gore radi i kad stavim na <input> id samo Smile
Doduse, mozda nisam dobro skuzio sto zelis postici, ali oba se vide identicno Smile

_________________
[+]I[+]am[+]my[+]own[+]religion[+]
Back to top
View user's profile Send private message Visit poster's website Twitter profile
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 01.07.2004 15:33    Post subject: Add user to your forum ignore list Reply with quote
da radi, samo se u exploreru počne tile-at, kad upišeš neki duži email

_________________
no ojro
Back to top
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska
PostPosted: 01.07.2004 16:02    Post subject: Add user to your forum ignore list Reply with quote
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 Smile

_________________
[+]I[+]am[+]my[+]own[+]religion[+]
Back to top
View user's profile Send private message Visit poster's website Twitter profile
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 01.07.2004 23:37    Post subject: Add user to your forum ignore list Reply with quote
tnx, sad trebam ovo proučit Smile

_________________
no ojro
Back to top
View user's profile Send private message Visit poster's website
zytzagoo
mi3.crew


Joined: 25 Aug 2003
Posts: 1842
Location: Zagreb, Hrvatska
PostPosted: 02.07.2004 02:18    Post subject: Add user to your forum ignore list Reply with quote
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
View user's profile Send private message Visit poster's website Twitter profile
ivan



Joined: 08 Sep 2003
Posts: 320
Location: Zagreb
PostPosted: 02.07.2004 11:03    Post subject: Add user to your forum ignore list Reply with quote
evo ga radi

ovo je zanimljivo, trebao bi ovo proučit do kraja
tnx zyt Smile

_________________
no ojro
Back to top
View user's profile Send private message Visit poster's website
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group