Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Wyświetlenie zdjęcia z kilku zdjęć
marcus753
post
Post #1





Grupa: Zarejestrowani
Postów: 281
Pomógł: 3
Dołączył: 8.06.2009
Skąd: Kraków

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


Witam

zrobiłem sobie taką mapke ->> http://www.marcus.osa.pl/strona_kamery/

składa się ze zdjęcia mapy i 6 zdjęć strzałek zrobiłem je przez pozycjonowanie absolutne jednak chciałbym wyrównać do środka strony i tu jest problem ehh
nie za bardzo wiem jak można to w prosty sposób zrobić...

Pozdrawiam mam nadzieje że pomożecie
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
zegarek84
post
Post #2





Grupa: Zarejestrowani
Postów: 1 332
Pomógł: 294
Dołączył: 12.10.2008
Skąd: Olkusz

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


jest na to wiele sposobów - można np. jeszcze tak (IMG:style_emoticons/default/winksmiley.jpg) :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Mapa</title>
  6. <style type="text/css">
  7. body {
  8. text-align: center;
  9. }
  10. #map {
  11. padding:0px;
  12. margin-left:50%;
  13. position: relative;
  14. width: 800px;
  15. height: 573px;
  16. }
  17. #map img {margin-left:-50%}
  18. </style>
  19. </head>
  20. <body>
  21. test1 | test2 | test3 | test4 <hr>
  22. <div id="map">
  23. <img src="mapa2.png" style="position: absolute">
  24. <img style="position: absolute; top: 42px; left: 94px" src="strzalka11.png">
  25. <img style="position: absolute; top: 22px; left: 107px" src="strzalka21.png">
  26. <img style="position: absolute; top: 170px; left: 348px" src="strzalka31.png">
  27. <img style="position: absolute; top: 145px; left: 369px" src="strzalka41.png">
  28. <img style="position: absolute; top: 456px; left: 563px" src="strzalka51.png">
  29. <img style="position: absolute; top: 441px; left: 592px" src="strzalka61.png">
  30. </div>
  31. </body>
  32. </html>
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: 27.09.2025 - 14:14