[PHP]Textbox na zdjęciu ( reklamu przesuwają ) Opcje

[Zielonkawy18]

Witam ponownie

Ustawiłem jako tło ( centralnie ) obrazek. Potem ustawiłem tak pozycję textboxów aby odpowiadały moim wyobrażeniom i jest ok. Ale gdy wedję w IE ( nie ma tam Ad-blocka ) to reklama ładnie tło zdjęcia przesuwa w dół, natomiast textboxy zostają tam gdzie zostają, wszystko się dekomponuje. Myślę, że trzeba jakoś zczytać wysokość reklamy, ale nie mam doświadczenia w tym jeszcze.

Pozdrawiam

[memory]

kod strony

Ten post edytował memory 5.10.2012, 18:10:10

[b4rt3kk]

Textboxy winny sie znajdować wewnątrz bloku z tym zdjęciem, które masz w tle lub w inny sposób powinny być powiązane z jego pozycją.

[Zielonkawy18]

Dziękuję za odpowiedź. Poczytałem trochę o pozycjonowaniu elementów. Tłu nadałem relative natomiast textboxom nadałem absolute, ale to nic nie pomogło.

[PHP] pobierz, plaintext 
 
<Form Name ="LOGOWANIE" Method ="POST">
<div style="background: url(MyHost/x.jpg); position: relative; background-position: center; background-repeat: no-repeat; margin-top: 40px; height: 600px;"></div>
<input type="text" name="uzytkownik" value="" style="position: absolute; left: 780px; top: 290px; "/>
<input type="text" name="haslo" value="" style="position: absolute; left:780px; top: 330px; "/>
<input type="submit" name="Zaloguj" value="Zaloguj" style=" position: absolute;left: 780px; top:365px; "/>
.....
[PHP] pobierz, plaintext 

Ten post edytował Zielonkawy18 7.10.2012, 07:56:15

[b4rt3kk]

To pomoże:

[HTML] pobierz, plaintext 
<div style="background: url(MyHost/x.jpg); position: relative; background-position: center; background-repeat: no-repeat; margin-top: 40px; height: 600px;">
<input type="text" name="uzytkownik" value="" style="position: absolute; left: 780px; top: 290px; "/>
<input type="text" name="haslo" value="" style="position: absolute; left:780px; top: 330px; "/>
<input type="submit" name="Zaloguj" value="Zaloguj" style=" position: absolute;left: 780px; top:365px; "/>
</div>
[HTML] pobierz, plaintext 

Tylko teraz musisz wypozycjonować inputy względem diva wewnątrz którego się znajdują.

[jepek]

Mógłbyś pokazać to online?

[Zielonkawy18]

Wszystko działa. Gdzieś jeszcze wyczytałem, że umieszanie styli w <div> już jest niemodne i umiesza się je w css, czy ktoś może się wypowiedzieć na ten temat??

Pozdrawiam.

[b4rt3kk]

Wszystko działa. Gdzieś jeszcze wyczytałem, że umieszanie styli w <div> już jest niemodne i umiesza się je w css, czy ktoś może się wypowiedzieć na ten temat??

Pozdrawiam.

Moda nie ma tu nic do rzeczy, to jest zwyczajnie niepraktyczne. Style najlepiej umieszczać w zewnętrznym arkuszu css. Przypuśćmy, że masz 10 podstron, które mają to samo menu, divy, itp. zechcesz coś zmienić to musisz to robić na każdej stronie z osobna. A tak to masz wszystko w jednym miejscu. Style umieszczaj w pliku np. nazwa.css, a odwołuj się do niego w nagłówku strony poprzez:

[HTML] pobierz, plaintext 
<link rel="stylesheet" href="nazwa.css" /> 
[HTML] pobierz, plaintext