Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Umiejscowienie menu
Forum PHP.pl > Forum > Przedszkole
Sevox
2.12.2011, 17:19:59
Witam, mam problem z umiejscowieniem menu na mojej stronie. Udało mi się je umiejscowić mniejwięcej tam gdzie powinno być, czyli tu : http://img546.imageshack.us/img546/6428/menuej.png Natomiast ja chciałbym aby ono było wyżej, nie mam pojęcia już co zrobić, próbowałem margin_bottom różne wielkości, ale mam wrażenie, że jakby top blokuje mi wszystko i nie mogę wyżej, próbowałem już kosmiczne wielkości i nadal to menu nie chce się posunąć w górę. Mogę tylko w dół czyli na obszarze zaznaczonym czerwonym kolorem : http://img714.imageshack.us/img714/7720/obszarw.png .

Bardzo proszę o pomoc jak odblokować ten top :/
Korab
2.12.2011, 17:26:39
Może ujemny margin-top? Wklej kod, jakbyś mógł.
Sevox
2.12.2011, 18:03:44
#deleted.
Evinek
2.12.2011, 18:12:43 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"xml:lang="pl">
  4.  
  5. 	<head>
  6. 		<title>Kanter Strajk | Kompedium wiedzy</title>
  7. 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  8. 		<link rel="stylesheet" type="text/css" href="css/style.css" />
  9. 		<link rel="Shortcut icon" href="images/skull.ico" />
  10. 		<link rel="stylesheet" type="text/css" href="css/sdmenubyme.css" />
  11. 		<script type="text/javascript" src="js/sdmenu.js">
  12. 		/***********************************************
  13. 		* Slashdot Menu script- By DimX
  14. 		* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
  15. 		* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  16. 		***********************************************/
  17. 		</script>
  18. 		<script type="text/javascript">
  19. 		// <![CDATA[
  20. var myMenu;
  21. window.onload = function() {
  22. myMenu = new SDMenu("my_menu");
  23. myMenu.init();
  24. };
  25. // ]]>
  26. </script>
  27. 	</head>
  28. 	<body>
  29. <div id="wrapper">
  30. 		<a id="logo" href="index.html" title="KanterStrajk">
  31. 		<img src="images/logo.png" alt="KanterStrajk" />
  32. 		</a>
  33. 	<div id="menuGorne">	
  34. 	<ul>
  35. 		<li class="m_news"><a href="http://kanterstrajk.xaa.pl/index.html" title="News">News</a></li>
  36. 		<li class="m_forum"><a href="menu/forum.html" title="Forum">Forum</a></li>
  37. 		<li class="m_ostronie"><a href="http://kanterstrajk.xaa.pl/ostronie.html" title="O stronie">O stronie</a></li>
  38. 		<li class="m_faq"><a href="http://kanterstrajk.xaa.pl/faq.html" title="FAQ">FAQ</a></li>
  39. 		<li class="m_kontakt"><a href="menu/kontakt.html" title="Kontakt">Kontakt</a></li>
  40.  
  41. 	</ul>
  42. 	</div>
  43. 	<div id="my_menu" class="sdmenu">
  44. <div>
  45. <span>Online Tools</span>
  46. <a href="http://tools.dynamicdrive.com/imageoptimizer/">? Image Optimizer</a>
  47. <a href="http://tools.dynamicdrive.com/favicon/">? FavIcon Generator</a>
  48. <a href="http://www.dynamicdrive.com/emailriddler/">? Email Riddler</a>
  49. <a href="http://tools.dynamicdrive.com/password/">? htaccess Password</a>
  50. <a href="http://tools.dynamicdrive.com/gradient/">? Gradient Image</a>
  51. <a href="http://tools.dynamicdrive.com/button/">? Button Maker</a>
  52. </div>
  53. <div>
  54. <span>Support Us</span>
  55. <a href="http://www.dynamicdrive.com/recommendit/">? Recommend Us</a>
  56. <a href="http://www.dynamicdrive.com/link.htm">? Link to Us</a>
  57. <a href="http://www.dynamicdrive.com/resources/">? Web Resources</a>
  58. </div>
  59. <div class="collapsed">
  60. <span>Partners</span>
  61. <a href="http://www.javascriptkit.com">? JavaScript Kit</a>
  62. <a href="http://www.cssdrive.com">? CSS Drive</a>
  63. <a href="http://www.codingforums.com">? CodingForums</a>
  64. <a href="http://www.dynamicdrive.com/style/">? CSS Examples</a>
  65. </div>
  66. <div>
  67. <span>Test Current</span>
  68. <a href="?foo=bar">? Current or not</a>
  69. <a href="./">? Current or not</a>
  70. <a href="index.html">? Current or not</a>
  71. <a href="index.html?query">? Current or not</a>
  72. </div>
  73. </div>
  74. <div id="top">
  75. 	 <div class="intro">
  76. 	<h1 class="wstep">Witaj na mojej stronie!</h1>
  77. 	<p> <u>KanterStrajk.xaa.pl</u> to strona poświęcona tej wspaniałej grze jaką jest <b>Counter Strike 1.6 </b>. Znajdziesz tutaj wiele wskazówek dotyczących jak grać, jak ułatwić sobie rozgrywkę i jak rozwiązać dany problem. Jeśli masz jakieś pytania śmiało kieruj je na forum lub bezpośrednio do mnie ( jak? dowiesz się klikając zakładkę <i> "Kontakt" </i>) .Strona jest prowadzona przez <u>początkującego</u> webmastera. Jeśli macie jakieś sugestie co to strony, piszcie na forum - rozpatrzymy wszystkie propozycje.</p>
  78. 	<p>Aby dowiedzieć się więcej na temat strony kliknij w <br>?Więcej o stronie?.</p>
  79. 	 </div>	
  80. 	<a class="return" href="http://kanterstrajk.xaa.pl/menu/ostronie.html" title="O stronie">O stronie</a>
  81. </div>
  82. <div id="box1" class="box">
  83. 	<h2><sup>1</sup> <div>O stronie</div></h2>
  84. 		<p>Tutaj wkrótce zamieszczone będą nowości na temat counter-strike i e-sportu. Na to stanowisko poszukiwany jest redaktor, musi on mieć twórczą wyobraźnie, nie popełniać błędów w pisowni. Przydałoby się też pewne obeznanie w świecie e-sportu i oczywiście Counter Strike'a...</p>
  85. 		<a class="more" href="http://kanterstrajk.xaa.pl/rekrutacja.html" title="Rekrutacja na redaktora strony">czytaj więcej ?</a>
  86. </div>
  87. <div id="box2" class="box">
  88. 	<h2><sup>2</sup> <div>O Counter Strike 1.6</div></h2>
  89. 		<p>Counter-Strike (często nazywany skrótowo CS) ? gra komputerowa z gatunku first-person shooter, stworzona przez Minha "Gooseman" Le'a i Jessa "Cliffe" Cliffe'a 19 czerwca 1999 i będąca modyfikacją (modem) gry Half-Life...</p>
  90. 		<a class="more" href="http://kanterstrajk.xaa.pl/menu/omnie.html" title="O Counter Strike">czytaj więcej ?</a>
  91. </div>
  92.  
  93. <div id="box3" class="stopka">
  94. 	<p id="tekst" align="right"><b>Copyright ˆ 2011 Kanter Strajk.xaa.pl.</b> 
  95. 	Projekt i prowadzenie serwisu: <u>Camil Jacques.</u></p>
  96. </div>
  97.  
  98. </div>
  99. 	</body>
  100. </html>
[HTML] pobierz, plaintext


Powinno działać.
Jak by co to po prostu wyciąłem kod z menu bocznym i wkleiłem pod menu górnym. Jak coś nie będzie grało to pisz śmiało.
Sevox
2.12.2011, 18:16:15
Działa wielkie dzięki, a ja tak kombinowałem biggrin.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.