Input lauka fons

[daGrevis]

Sveiki,

Veidoju HTML input tagam stilu ar CSS, tikko pievienoju bildīti (background), bet problēma, ka teksts, ko pēc tam var rakstīt šajā laukā, ir pāri bildītei, lai gan vajadzētu, ka atrodas aiz viņas. Kā salabot?

 

 

input {
   font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /* Tweak. */
   -moz-border-radius: 10px;
   background: url(images/icons/magnifier.png) no-repeat scroll 7px 6px #fafafa;
   border: 1px solid #c8c8c8;
   padding: 5px;
   width: 180px;
}

[briedis]

padding:5px 5px 5px 20px;

 

Cilvēku valodā:

padding: top right bottom left

 

EDIT: tranceaddict min visu iespējamo izņemot pareizo ;)

Edited February 18, 2010 by briedis

[2easy]

dažreiz pat dara tā, ka pats input ir caurspīdīgs, un backgrounds tiek uzlikts kkādam wrapper divam

Edited February 18, 2010 by 2easy

[briedis]

dažreiz pat dara tā, ka pats input ir caurspīdīgs, un backgrounds tiek uzlikts kkādam wrapper divam

 

Kādas varētu būt priekšrocības šādam variantam?

[2easy]

paprasi mysql webmāsteriem ^^

 

http://mysql.com apakšā labajā stūrī "Search MySQL". tas viss ir background iekš div un iekšpusē ir input ar background:transparent

kkad vakar pamanīju pētot source ;)

[xPtv45z]

Mazāka ņemšanās ar to, lai apaļos stūrus rāda visi pārlūki.

[daGrevis]

padding:5px 5px 5px 20px;

 

Cilvēku valodā:

padding: top right bottom left

 

EDIT: tranceaddict min visu iespējamo izņemot pareizo ;)

 

Nu bet kā, šis jau nestrādās, jo nobīdīts tiks pats input lauks, nevis fons. Idejas? Or I'm wrong?

[briedis]

Nu bet kā, šis jau nestrādās, jo nobīdīts tiks pats input lauks, nevis fons. Idejas? Or I'm wrong?

 

A zini atškirību starp margin un padding?

...varbūt tomēr ir labāk izmēģināt, nekā filosofēt ;)

Edited February 18, 2010 by briedis

[daGrevis]

Jā, kļūdijos, atzīstu... (blush)

Bet atšķirību es zinu! :D

 

Iznākums:

Edited February 18, 2010 by daGrevis