Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> pozycjonowanie divow wewnatrz tabeli
NoiseMc
post 3.03.2005, 11:11:25
Post #1





Grupa: Zarejestrowani
Postów: 398
Pomógł: 10
Dołączył: 24.11.2004
Skąd: Łódź

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

[HTML] pobierz, plaintext 
  1. <html>
  2. 	<head>
  3. 		<script language="javascript" type="text/javascript" src="admin/javascript/menuLewe.js"></script>
  4. 	</head>
  5.  
  6. 	<body onLoad="MFXinitMenu(6)">
  7. 		<table border="1">
  8.  
  9. 						<tr>
  10. 				<td>
  11. 					<div id="MFX0" style="position:absolute; width:168px; height:30px; z-index:1; visibility: hidden; border-bottom:1px solid black">
  12. 						<a href="#" onClick="MFXrunMenu(0,15)">jeden</a>
  13. 					</div>	
  14.  
  15.  
  16.  
  17. 					<div id="MFX1" style="position:absolute; z-index:2; visibility: hidden; width:168px; height:150px;">
  18. 												<a href="/goh/menu.php?mod=0">pozycjaPierwsza</a><br>
  19. 												<a href="/goh/menu.php?mod=0">pozycjaDruga</a><br>
  20. 											</div>
  21. 				</td>
  22. 			</tr>
  23.  
  24.  
  25. 						<tr>
  26. 				<td>
  27. 					<div id="MFX2" style="position:absolute; width:168px; height:30px; z-index:1; visibility: hidden; border-bottom:1px solid black">
  28. 						<a href="#" onClick="MFXrunMenu(2,15)">dwa</a>
  29. 					</div>	
  30.  
  31.  
  32.  
  33. 					<div id="MFX3" style="position:absolute; z-index:2; visibility: hidden; width:168px; height:150px;">
  34. 												<a href="/goh/menu.php?mod=2">pozycjaPierwsza</a><br>
  35. 												<a href="/goh/menu.php?mod=2">pozycjaDruga</a><br>
  36. 												<a href="/goh/menu.php?mod=2">pozycjaTrzecia</a><br>
  37. 												<a href="/goh/menu.php?mod=2">pozycjaCzwarta</a><br>
  38. 											</div>
  39. 				</td>
  40. 			</tr>
  41.  
  42.  
  43. 						<tr>
  44. 				<td>
  45. 					<div id="MFX4" style="position:absolute; width:168px; height:30px; z-index:1; visibility: hidden; border-bottom:1px solid black">
  46. 						<a href="#" onClick="MFXrunMenu(4,15)">trzy</a>
  47. 					</div>	
  48.  
  49.  
  50.  
  51. 					<div id="MFX5" style="position:absolute; z-index:2; visibility: hidden; width:168px; height:150px;">
  52. 												<a href="/goh/menu.php?mod=4">pozycjaPierwsza</a><br>
  53. 												<a href="/goh/menu.php?mod=4">pozycjaDruga</a><br>
  54. 												<a href="/goh/menu.php?mod=4">pozycjaTrzecia</a><br>
  55. 											</div>
  56. 				</td>
  57. 			</tr>
  58.  
  59. 					</table>
  60. 	</body>
  61. </html>
[HTML] pobierz, plaintext


Co zrobic aby warstwy trzymaly sie wewnatrz tabeli. Dodam ze position musi byc absolute poniewaz wymaga tego javaScript


--------------------
Zend Certified Engineer
Go to the top of the page
+Quote Post
nospor
post 3.03.2005, 11:13:45
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
cos kręcisz. js nie wymaga aby position było absolute. dziala i bez tego i to tak jakbys wlasnie chcial


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
revyag
post 3.03.2005, 11:30:28
Post #3





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Koledze pewnie chodzi o to, że menu jest zrobione na warstwach pozycjonowanych absolutnie.
Żeby tak pozycjonować musisz wiedzieć gdzie dokładnie to menu ma być na stronie. Wypozycjonuj tabelke też absolutnie i musisz ustawić na sztywno jej wysokość żeby divy poza nią nie wychodziły.


--------------------
-------------

------
Go to the top of the page
+Quote Post
NoiseMc
post 3.03.2005, 12:01:17
Post #4





Grupa: Zarejestrowani
Postów: 398
Pomógł: 10
Dołączył: 24.11.2004
Skąd: Łódź

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

Tak chodzilo mi o to ze to menu korzysta ze skryptu ktory wymaga aby position byl absolute.

Problem polega na to menu ma byc wysrodkowane i ma "jezdzic" razem z tabelka poniewaz cala strona jest wysrodkowana.

Wystawiam link: http://83.16.165.202/~sebastian/dload/js/calosc.zip

Podejrzec mozna:http://83.16.165.202/~sebastian/dload/js/

Zobaczcie jak zachowuje sie tabelka przy zmianie rozmiarow okna. I chcialbym zeby to menu bylo w srodku tej tabeli.


--------------------
Zend Certified Engineer
Go to the top of the page
+Quote Post
revyag
post 3.03.2005, 12:34:51
Post #5





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

Tak jak powiedziałem wcześniej pozycjonowanie absolutne ma pewne ograniczenia. Tabelka musi mieć ustawioną na sztywno wysokość i szerokość.
Możesz to zrobić tak:
[HTML] pobierz, plaintext 
  1. ....
  2. <body onLoad="MFXinitMenu(6)" style="text-align:center">
  3. <table border="1" style="position:relative;width:200px;height:300px;margin:0 auto">
  4. ....
[HTML] pobierz, plaintext

wartości oczywiśnie przykładowe, sam musisz je dobrać.
Tak poza tym to ten skrypt nie działa pod FF.


--------------------
-------------

------
Go to the top of the page
+Quote Post
« Następny starszy · HTML \ XHTML · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 00:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn