Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]problem z float, problem z float
-Gość-
post
Post #1





Goście
Witam,

Mam problem z ustawienie na sztywno listy, mam kod jquerry który po najechaniu otwiera Diva, ale ten div niestety przesuwa mi listę w dół
to mój kod, please help
[HTML] pobierz, plaintext 
  1. <script>
  2. $(document).ready(function() {
  3.     $(".link").hover(function () {
  4.         if ($(this).children().is(":hidden")) {
  5.             $(this).children().show("fast"); // slide it down
  6.         } else {
  7.             $(this).children().hide(); // hide it
  8.         }
  9.     });
  10. });</script>
  11. <style type="text/css">
  12. #ramka {
  13. 	border: 1px solid black;
  14. 	height: 300px;
  15. 	width: 600px;
  16. 	}
  17. #lewa_kol {
  18. 	height: 280px;
  19. 	width: 170px;
  20. 	float: left; 
  21. 	margin-top: 10px;
  22.  
  23. 	}
  24. #kolekcja {
  25. 	height: 280px;
  26. 	width: 420px;
  27. 	float: left;
  28. 	margin-top: 10px;
  29. 	background-color:#0F9;
  30. 	}
  31. #meble {
  32. 	height: 280px;
  33. 	width: 420px;
  34. 	position: relative;
  35. 	left: 150px;
  36. 	top: -40px;
  37. 	background-color: #0F3;
  38. 	}
  39. #dodatki {
  40. 	height: 280px;
  41. 	width: 420px;
  42. 	position: relative;
  43. 	left: 150px;
  44. 	top: -52px;
  45. 	background-color: #96F;
  46. 	}
  47. #quarreimg {
  48. 	float: left;
  49. 	margin-left: 10px;
  50. 	}
  51. #kolekcje_lista {
  52. 	float: left;
  53. 	}
  54. h2 {
  55. 	float: left;
  56. 	font-size: 14px;
  57. 	}
  58. li {
  59. 	font-size: 14px;
  60. 	height: 25px;
  61. 	list-style: none;
  62. 	position: relative;
  63. 	top: 0px;
  64. 	left: 0px;
  65. 	}
  66. ul {
  67. 	margin-left: -20px;
  68. 	width: 170px;
  69.  
  70. 	}
  71. .hiddenDiv {
  72. 	display: none; 
  73. 	}
  74. .hiddenDiv li {
  75. 	height: 20px;
  76. 	width: 120px;
  77. 	}
  78. .hiddenDiv img {
  79. 	float: left;
  80. }
  81. #wewnetrzne_menu {
  82. 	width: 120px;
  83. 	float: left;
  84. 	}
  85. .link {
  86. 	position: relative;
  87. 	top: 0px;
  88. 	left: 0px;
  89. 	}
  90.  
  91. </style>
  92. </head>
  93.  
  94. <body>
  95.  
  96. <div id="ramka">
  97. 		<div id="lewa_kol">
  98.         		<ul id="moje_menu">
  99.                 		<li>KOLEKCJE </li>
  100.                         <li class="link">MEBLE
  101.                                 		<div class="hiddenDiv1" id="meble">
  102.                                         		<ul id="wewnetrzne_menu">
  103.                                                 	<li>Łóżeczka</li>
  104.                                            	    <li>Szafy</li>
  105.                                                     <li>Komody</li>
  106.                                                     <li>Kojce</li>
  107.                                                     <li>Krzesełka</li>
  108.                                                     <li>Foteliki</li>
  109.                                                     <li>Przewijaki</li>
  110.                                                     <li>Leżaczki</li>
  111.                                                 </ul>
  112.                                      </div>
  113.                         </li>
  114.                         <li class="link">DEKORACJE I OZDOBY
  115.                         				<div class="hiddenDiv" id="dodatki">dodatki</div>
  116.                         </li>
  117.                         <li>AKCESORIA I DODATKI</li>
  118.                 </ul>
  119.         </div>
  120.         <div id="kolekcja">kolekcje</div>
  121.  
  122. </div>
  123.  
  124. </body>
  125. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« 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 · Linearny+ · Przełącz na: Drzewo

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

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