Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML] Pozycjonowanie
Razerlow
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 31.07.2012

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

Witam,
Ostatnio chciałem zrobić coś w stylu bloga i napotkałem na drodze pewien problem z pozycjonowaniem na stronie.
Oto kod:
[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=iso-8859-1" />
  5. <title>Strona główna</title>
  6. <style>
  7.  
  8. #page
  9. {
  10. background-color:#999999;
  11. }
  12.  
  13. #header {
  14. 	width: 1024px;
  15. }
  16.  
  17. #header a img {
  18. 	position: relative;
  19. 	top: -40;
  20. }
  21.  
  22. #menu {
  23.  
  24. }
  25.  
  26. </style>
  27. </head>
  28. <body>
  29. 	<div id="page" align="center">
  30. 		<div id="header" align="center">
  31. 			<img src="title2.png" width="1024" height="383"/>
  32. 			<a><img src="homebtn47.png"/></a>
  33. 		</div>
  34. 	</div>
  35. </body>
  36. </html>
[HTML] pobierz, plaintext


Dokładniej chodzi o to, że pozycjonowanie po prostu nie przemieszcza obrazka. Wspomnę jeszcze, że w programie z którego korzystam - Macromedia Dreamveaver 8 - wszystko w podglądzie strony wyświetla się prawidłowo tzn. obrazek jest przesunięty o podaną odległość, a w przeglądarce Mozilla Firefox i IE - obrazek jest w tym samym miejscu co bez pozycjonowania na stronie. Próbowałem już rozwiązać ten problem na wiele sposobów, ale na nic się zdały samodzielne próby naprawienia błedu i przeszukiwanie google.
Jestem dopiero początkującym i liczę na waszą wyrozumiałość.

Z góry dziękuję (IMG:style_emoticons/default/smile.gif)


ROZWIĄZANIE:

W końcu thek podsunął mi rozwiązanie problemu i przepraszam za zbędny temat, ale może się komuś to jeszcze przyda, więc:

Rozwiązaniem w tym przypadku jest po prostu dopisanie przy liczbie "px" (IMG:style_emoticons/default/smile.gif)
Zamisat tak jak w tym przypadku -70 nalerzy wpisać -70px. Proste, ale nie wszyscy od razu zauważą problem i mam nadzieję, że jeżeli ktoś będzie miał podobny problem znajdzie ten temat. (IMG:style_emoticons/default/wink.gif)

Ten post edytował Razerlow 31.07.2012, 20:26:24
Go to the top of the page
+Quote Post
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
-40 CZEGO? pikseli, emów, % ? (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
Razerlow
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 31.07.2012

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

Dzięki (IMG:style_emoticons/default/happy.gif)
Temat uważam za zamnięty.
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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