Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]obrazek na obrazku + tekst
Michał90
post
Post #1





Grupa: Zarejestrowani
Postów: 267
Pomógł: 0
Dołączył: 16.05.2007

Ostrzeżenie: (0%)
-----


Witam,
chce zrobić coś takiego:
(IMG:http://images46.fotosik.pl/599/05a8610052d09411gen.jpg)

kolor biały- tło
kolor czerwony - obrazek
kolor niebieski - obrazek (input obrazkowy)
kolor siwy- obrazek

Jak to zrobić na divach ? w szczególności mam problem dania tego niebieskiego obrazka na ten siwy..

Prosze o pomoc

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
askone
post
Post #2





Grupa: Zarejestrowani
Postów: 654
Pomógł: 121
Dołączył: 27.10.2007
Skąd: Poznań, Łódź

Ostrzeżenie: (0%)
-----


Troszkę zmieniłem strukturę strony, style też uległy zmianie. Popatrz i wyciągnij wnioski (IMG:style_emoticons/default/wink.gif)

  1. <div id="container" style="margin: 0pt auto; width: 1100px;">
  2. <div style="width: 925px; margin: 0pt auto;">
  3. <img alt="forum graficzne" src="images/ekran-1_02.jpg">
  4. </div>
  5. <div style="width: 925px; margin: 0pt auto; background: url("images/ekran-1_04.jpg") no-repeat scroll 0pt top transparent; height: 252px;">
  6. <form style="width: 100%; height: 100%;">
  7. <input type="text" class="gh" src="images/pole.jpg" name="imie" value="tekst">
  8. <input type="submit" class="gg" src="images/ok.jpg" name="imie" value="">
  9. </form>
  10. </div>
  11. </div>
  12. </body>


  1. body {
  2. background: url("tlo.jpg") repeat scroll 0 0 transparent;
  3. }
  4. #obrazek {
  5. background: url("images/pole.jpg") no-repeat scroll 0 0 transparent;
  6. bottom: 222px;
  7. left: 350px;
  8. position: relative;
  9. }
  10. div {
  11. position: relative;
  12. }
  13. .gh {
  14. background-image: url("images/pole.jpg");
  15. border: 0 none;
  16. color: #FFFFFF;
  17. display: inline;
  18. float: left;
  19. height: 34px;
  20. left: 320px;
  21. padding-left: 10px;
  22. position: relative;
  23. top: 40px;
  24. width: 185px;
  25. }
  26. .gg {
  27. background-image: url("images/ok.jpg");
  28. border: 0 none;
  29. color: #FFFFFF;
  30. display: inline;
  31. float: left;
  32. height: 34px;
  33. left: 321px;
  34. position: relative;
  35. top: 40px;
  36. width: 54px;
  37. }


Pozdrawiam
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 10.10.2025 - 02:14