Forum PHP.pl > jak wyświetlić pola formularza na obrazku? .... w IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: jak wyświetlić pola formularza na obrazku? .... w IE

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

mrok

18.02.2008, 01:47:15

Witam

Potrzebuje wyświetlić formularz logowania w divie zagniezdzonym w innym divie. Niby proste:

[HTML] pobierz, plaintext 
<div style="position:relative;">
	<img src="static/img/zdjecia/baner1.jpg" alt="">
	<div style="position:absolute; margin-top:-120px; margin-left:570px; z-index:5">
		Zaloguj sie <br>
		<input type="text" value="" name="login" style="z-index:10">
		<input type="submit" value="" name="login" style="z-index:10">
	</div>				
</div>
[HTML] pobierz, plaintext

Niestety w pierwszym divie tlo nie moze byc podane jako css:back.... ale wstawione jako zwykly obrazek.
W FF oraz Operze wszystko działa wysmienicie. Niestety IE (obie) chowaja pola formularza (text i przycisk) pod obrazkiem.

Wie ktoś jak temu zaradzić?

Toadstyle

19.02.2008, 22:31:03

ustaw z-index dla nadrzednego diva, nadawanie diva id i class jest dobrym pomyslem pozdrawiam

mrok

23.02.2008, 14:58:25

dzieki ale niestety nie pomoglo.... IE nadal robi swoje

Cytat

ustaw z-index dla nadrzednego diva

poradzilem juz sobie kombinacja tabelki i tla, ale dumny z tego nie jestem ;(

Toadstyle

23.02.2008, 15:51:54

mozesz wkleic html ? najlepiej nie ten dzialajacy a poprzedni.
ps niemozesz uzyc jeszcze jednego diva i wstawic obrazek jako koego tlo ?

smialy

23.02.2008, 18:03:15

A jak by dodac absoluta dla obrazka, do tego z-index i chyba nawet ie powinna to dobrze wyświetlić :/

mrok

1.03.2008, 18:23:25

Toadstyle

oto html

[HTML] pobierz, plaintext 
<html>
 <head>
 </head>
<body>
<div style="position:relative;">
	<img src="baner1.jpg" alt="" style="z-index:5" >
	<div style="position:absolute; margin-top:-120px; margin-left:300px; z-index:105">
		Zaloguj sie <br>
		<input type="text" value="" name="login" style="z-index:110">
		<input type="submit" value="" name="login" style="z-index:110">
	</div>				
</div>
</body>
</html>
[HTML] pobierz, plaintext

Jako baner proponuje cokolwiek o wymiarach 500x200
Jak juz wspomnialem nie chce bestia dzialac pod ie.

smialy
jesli chodzi Ci to cos takiego

[HTML] pobierz, plaintext 
<img src="baner1.jpg" alt="" style="position:absolute; z-index:5" >
[HTML] pobierz, plaintext

to dziala poprawnie w kazdej przegladarce

tylko ze nie wyswietla formularza ;(

Pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.