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
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Tak:
[HTML] pobierz, plaintext 
  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. 				margin: 0 auto;
  12. 				width: 800px;
  13. 				height: 573px;
  14. 				text-align: left;
  15. 				position: relative;
  16. 			}
  17. 		</style>
  18.     </head>
  19.     <body>
  20.     	<div id="map">
  21. 	        <img src="mapa2.png">
  22. 			<img style="position: absolute; top: 42px; left: 94px" src="strzalka11.png">
  23. 			<img style="position: absolute; top: 22px; left: 107px" src="strzalka21.png">
  24. 			<img style="position: absolute; top: 170px; left: 348px" src="strzalka31.png">
  25. 			<img style="position: absolute; top: 145px; left: 369px" src="strzalka41.png">
  26. 			<img style="position: absolute; top: 456px; left: 563px" src="strzalka51.png">
  27. 			<img style="position: absolute; top: 441px; left: 592px" src="strzalka61.png">
  28. 		</div>
  29.     </body>
  30. </html>
[HTML] pobierz, plaintext
I słowo wyjaśnienia. Element div#map ma szerokość (width) równą szerokości zdjęcia całej mapy i odpowiednio równą wysokość (height). Ponieważ poszczególne strzałki są pozycjonowane absolutnie względem tego div-a (pozwala na to atrybut position: relative; stylu elementu div#map) należało odjąć od każdego left i top 8px (domyślny margines body). Ważne jest używanie właściwej deklaracji typu dokumentu <!DOCTYPE ... >. Chyba tyle. Nie wiem, jak to działa pod IE6.
Go to the top of the page
+Quote Post

Posty w temacie
- marcus753   [HTML][CSS]Wyświetlenie zdjęcia z kilku zdjęć   12.04.2010, 18:03:36
- - krzysztof_kf   [CSS] pobierz, plaintext <html><head>...   12.04.2010, 18:37:42
- - marcus753   chciałbym żeby to było takie proste... poprawiony...   12.04.2010, 19:06:04
- - mortus   Tak:[HTML] pobierz, plaintext <!DOCTYPE html PU...   12.04.2010, 19:54:38
- - zegarek84   jest na to wiele sposobów - można np. jeszcze tak ...   12.04.2010, 21:03:27

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 25.12.2025 - 16:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn