[HTML][CSS]obrazek na obrazku Opcje

[Michał90]

Witam,
Jak za pomocą css zrobić tak, żeby te 2 obrazki
(IMG:http://images37.fotosik.pl/56/0a788fdbf74899cd.gif)

(IMG:http://images37.fotosik.pl/56/f3c08baae9587e3c.gif)

znajdowały się w tle tego obrazka:

(IMG:http://images26.fotosik.pl/321/a79492f879901ca0.gif)

A ma to wyglądać tak:
(IMG:http://images32.fotosik.pl/451/84d02475734a9b8d.png)

Ten post edytował Michał90 4.02.2009, 20:19:11

[Michał90]

Ja już sam nie wiem jak to ma być (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Ten kod mi działa dobrze pod Mozillą, lecz pod IE lub Operą już nie działa....

[HTML] pobierz, plaintext 
input.poletekst {
 
background-image:url(images/poleteks.gif);
background-repeat: no-repeat;
border: 0px;
max-width: 344px;
max-height: 33px;
height : 33px;
width : 344px;
color: green;
margin : 10px 0px 0px 5px;
padding: 8px 13px 10px 10px;
float: left;
}
[HTML] pobierz, plaintext 

Dołączę obrazki oraz kod prosze samemu przetestować i jak to rozwiązać :/

(IMG:http://images47.fotosik.pl/60/02263e28fd757490.gif) - wyszukiwara.gif
(IMG:http://images44.fotosik.pl/60/5caddf5c33e9780c.gif) - poleteks.gif
(IMG:http://images43.fotosik.pl/60/2d0fe76fbfbdd7c0.gif)

kod css

[HTML] pobierz, plaintext 
<style>
input.szukaj {
 
background-image: url(images/szukaj.gif);
background-repeat: no-repeat;
border: 0px;
height : 33px;
width : 110px;
margin : 10px 0px 0px 5px;
float: left;
}
 
input.poletekst {
 
background-image:url(images/poleteks.gif);
background-repeat: no-repeat;
border: 0px;
max-width: 344px;
max-height: 33px;
height : 33px;
width : 344px;
color: green;
margin : 10px 0px 0px 5px;
padding: 8px 13px 10px 10px;
float: left;
}
 
</style>
[HTML] pobierz, plaintext 

kod css z pliku style.css

[HTML] pobierz, plaintext 
#wyszukiwara {
	background-image : url('images/wyszukiwara.gif');
	display:inline-block; 
	margin : 0px 0px 0px 0px;
	background-repeat : no-repeat;
	height : 57px;
	width : 483px;
}
[HTML] pobierz, plaintext 

Plik html

[HTML] pobierz, plaintext 
<div id = "wyszukiwara">
 
<input type="text" name="x" value="" class="poletekst" />
<input type="submit" value="" class="szukaj" />
 
</div>
[HTML] pobierz, plaintext 

Prosze samemu sprawdzić i przetestować

[piotrooo89]

Ja już sam nie wiem jak to ma być (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Ten kod mi działa dobrze pod Mozillą, lecz pod IE lub Operą już nie działa....

http://kurs.browsehappy.pl/Bugi/MinWidth