Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Jak nałożyć na siebie divy
Forum PHP.pl > Forum > Przedszkole
Kamil9132
20.12.2010, 18:15:40
Witam
Jak nałożyć na siebie divy questionmark.gif
Damonsson
20.12.2010, 18:52:46
Szybko -_o
Kamil9132
20.12.2010, 19:08:24
ale jak "szybko" questionmark.gif
modern-web
20.12.2010, 19:18:38
position: relative; ?
tehaha
20.12.2010, 20:15:56
dla zewnętrznego diva dajesz position:relative, dla wewnętrznych position:absolute; top lub bottom i left lub right

[HTML] pobierz, plaintext 
  1. <div style='position:relative;'>
  2.     <div style='position:absolute;'>
  3.    </div>
  4.     <div style='position:absolute;'>
  5.    </div>
  6. </div>
[HTML] pobierz, plaintext
Kamil9132
20.12.2010, 20:54:57
Oto mi dokładnie chodziło smile.gif
Czy da się zrobić żeby div był zawsze na połowie ekranu questionmark.gif
Kostek.88
20.12.2010, 21:02:46
W jakim sensie na połowie? Po lewej, prawej, na dole, na górze, a może pośrodku taki kwadrat/prostokąt? Sprecyzuj, bo zaraz Ci wyżej napiszą, żeby szybko wpisać 50% he he he winksmiley.jpg
Kamil9132
20.12.2010, 23:20:12
Chodzi mi żeby pasek (div) był zawsze na połowie ekranu od góry.
Chodzi mi o to ,że jak ktoś przewinie stronę (w górę,dół) to div też się przewinie (będzie znowu na środku).
Damonsson
20.12.2010, 23:29:55
position: fixed;

znając życie mimo, że nawet sam się nie postarałeś pomyśleć nad rozwiązaniem, jak we wcześniejszym pytaniu, ktoś Cię zaraz nakarmi gotowcem, więc czekaj cierpliwie
Rid
21.12.2010, 00:04:41
Poleciłbym Tobie jeszcze inny sposób jeśli Ciebie to zainteresuje:Link-Nakładanie
Kamil9132
22.12.2010, 14:55:43
Te sposoby nie działają sad.gif kod wygląda tak:
[HTML] pobierz, plaintext 
  1. <div style="position: fixed;">
  2.                               Tutaj wpisz swój komentarz
  3. <form action="" METHOD="POST" >
  4. 	<textarea name="komentarz" cols="50" rows="10"></textarea>
  5. 		                                      <input type="submit" name="komen" value="Wyślij komentarz"/>
  6.    </form>
  7. </div>
  8. <?php
  9.  
  10. $connect = @mysql_connect('czemu','obchodzi','cię to ')
  11. 		or die('Błąd wyboru bazy danych.');
  12. 		$db = @mysql_select_db('kreskoweczki_cba_pl', $connect);
  13. 		mysql_query('SET NAMES latin2');
  14. 		mysql_query('SET CHARACTER_SET latin2_general_ci');
  15.  
  16. include("config.php");		
  17.  
  18. $nick = $_SESSION['nick'];
  19. $haslo = $_SESSION['haslo'];
  20.  
  21. $kome = $_POST['komentarz']; 	
  22. if(!empty($kome)){
  23. $kome = $_POST['komentarz']; 	
  24. $datad = date('Y.m.d, H:i:s');
  25. $nick = $_SESSION['nick'];
  26. $haslo = $_SESSION['haslo'];
  27. $user = mysql_fetch_array(mysql_query("SELECT * FROM uzytkownicy WHERE `nick`='$nick' AND `haslo`='$haslo' LIMIT 1"));
  28. if(!empty($nick)){
  29. if(!empty($haslo)){
  30. $kow = @mysql_query("INSERT INTO komentarze SET komentarz='$kome', datad='$datad', uzytkownid='$user[nick]', imie='$raki', kreskowka='$rakas'"); 
  31.  
  32. ?>
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41. <div style="position: fixed;">
  42.  
  43.  
  44. <html>
  45. <head>
  46. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  47. <script type="text/javascript">
  48. //<![CDATA[
  49. 	function czysc()
  50. 		{
  51. 			document.getElementById('txt').innerHTML="";
  52. 		}
  53. 	function pisz ()
  54. 		{
  55. 			document.getElementById('txt').innerHTML="Witam na stronie";
  56. 			t=setTimeout("czysc()",3000); //czas zwłoki podany w milisekundach
  57. 		}
  58. //]]>
  59. </script>
  60. </head>
  61. <body onLoad="pisz()">
  62. <span id="txt"></span>
  63. </body>
  64. </html>
  65. <?php
  66.  
  67. }else{?>
  68.  
  69.  
  70. <html>
  71. <head>
  72. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  73. <script type="text/javascript">
  74. //<![CDATA[
  75. 	function czysc()
  76. 		{
  77. 			document.getElementById('txt').innerHTML="";
  78. 		}
  79. 	function pisz ()
  80. 		{
  81. 			document.getElementById('txt').innerHTML="<div style=\"position: fixed;margin-top:200px; max-height: 200px;background-color: red \"><font size=\"7\">Musisz być zalogowany żeby móc pisać komentarze!</font></div>";
  82. 			t=setTimeout("czysc()",30000); //czas zwłoki podany w milisekundach
  83. 		}
  84. //]]>
  85. </script>
  86. </head>
  87. <body onLoad="pisz()">
  88. <span id="txt"></span>
  89. </body>
  90. </html>
  91. <?php
  92. }
  93.  
  94. }else{?>
  95.  
  96.  
  97. <html>
  98. <head>
  99. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  100. <script type="text/javascript">
  101. //<![CDATA[
  102. 	function czysc()
  103. 		{
  104. 			document.getElementById('txt').innerHTML="";
  105. 		}
  106. 	function pisz ()
  107. 		{
  108. 			document.getElementById('txt').innerHTML="<div style=\"position: fixed;margin-top:400px; max-height: 200px;background-color: red \"><font size=\"7\">Musisz być zalogowany żeby móc pisać komentarze!</font></div>";
  109. 			t=setTimeout("czysc()",30000); //czas zwłoki podany w milisekundach
  110. 		}
  111. //]]>
  112. </script>
  113. </head>
  114. <body onLoad="pisz()">
  115. <span id="txt"></span>
  116. </body>
  117. </html>
  118. <?php
  119. }
  120.  
  121. }
  122.  
  123.  
  124. ?>
  125.  
  126. </div>
  127. </div>
[HTML] pobierz, plaintext



Pomoże ktoś questionmark.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.