Forum PHP.pl > pozycjonowanie divow wewnatrz tabeli

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: pozycjonowanie divow wewnatrz tabeli

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

NoiseMc

3.03.2005, 11:11:25

[HTML] pobierz, plaintext 
<html>
	<head>
		<script language="javascript" type="text/javascript" src="admin/javascript/menuLewe.js"></script>
	</head>
 
	<body onLoad="MFXinitMenu(6)">
		<table border="1">
 
						<tr>
				<td>
					<div id="MFX0" style="position:absolute; width:168px; height:30px; z-index:1; visibility: hidden; border-bottom:1px solid black">
						<a href="#" onClick="MFXrunMenu(0,15)">jeden</a>
					</div>	
 
 
 
					<div id="MFX1" style="position:absolute; z-index:2; visibility: hidden; width:168px; height:150px;">
												<a href="/goh/menu.php?mod=0">pozycjaPierwsza</a><br>
												<a href="/goh/menu.php?mod=0">pozycjaDruga</a><br>
											</div>
				</td>
			</tr>
 
 
						<tr>
				<td>
					<div id="MFX2" style="position:absolute; width:168px; height:30px; z-index:1; visibility: hidden; border-bottom:1px solid black">
						<a href="#" onClick="MFXrunMenu(2,15)">dwa</a>
					</div>	
 
 
 
					<div id="MFX3" style="position:absolute; z-index:2; visibility: hidden; width:168px; height:150px;">
												<a href="/goh/menu.php?mod=2">pozycjaPierwsza</a><br>
												<a href="/goh/menu.php?mod=2">pozycjaDruga</a><br>
												<a href="/goh/menu.php?mod=2">pozycjaTrzecia</a><br>
												<a href="/goh/menu.php?mod=2">pozycjaCzwarta</a><br>
											</div>
				</td>
			</tr>
 
 
						<tr>
				<td>
					<div id="MFX4" style="position:absolute; width:168px; height:30px; z-index:1; visibility: hidden; border-bottom:1px solid black">
						<a href="#" onClick="MFXrunMenu(4,15)">trzy</a>
					</div>	
 
 
 
					<div id="MFX5" style="position:absolute; z-index:2; visibility: hidden; width:168px; height:150px;">
												<a href="/goh/menu.php?mod=4">pozycjaPierwsza</a><br>
												<a href="/goh/menu.php?mod=4">pozycjaDruga</a><br>
												<a href="/goh/menu.php?mod=4">pozycjaTrzecia</a><br>
											</div>
				</td>
			</tr>
 
					</table>
	</body>
</html>
[HTML] pobierz, plaintext

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

nospor

3.03.2005, 11:13:45

cos kręcisz. js nie wymaga aby position było absolute. dziala i bez tego i to tak jakbys wlasnie chcial

revyag

3.03.2005, 11:30:28

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.

NoiseMc

3.03.2005, 12:01:17

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.

revyag

3.03.2005, 12:34:51

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 
....
<body onLoad="MFXinitMenu(6)" style="text-align:center">
<table border="1" style="position:relative;width:200px;height:300px;margin:0 auto">
....
[HTML] pobierz, plaintext

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.