Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Textbox na zdjęciu ( reklamu przesuwają )
Forum PHP.pl > Forum > Przedszkole
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
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.

  1.  
  2. <Form Name ="LOGOWANIE" Method ="POST">
  3. <div style="background: url(MyHost/x.jpg); position: relative; background-position: center; background-repeat: no-repeat; margin-top: 40px; height: 600px;"></div>
  4. <input type="text" name="uzytkownik" value="" style="position: absolute; left: 780px; top: 290px; "/>
  5. <input type="text" name="haslo" value="" style="position: absolute; left:780px; top: 330px; "/>
  6. <input type="submit" name="Zaloguj" value="Zaloguj" style=" position: absolute;left: 780px; top:365px; "/>
  7. .....
b4rt3kk
To pomoże:

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


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
Cytat(Zielonkawy18 @ 8.10.2012, 10:32:35 ) *
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:

  1. <link rel="stylesheet" href="nazwa.css" />
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.