Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Wsadzenie na tlo
Forum PHP.pl > Forum > Przedszkole
dk1342
28.01.2009, 17:47:57
Witam robie styl dla kolegi i mam problem:

XXX

chodzi o szukajke chce ją wsadzić w to niebieskie tlo i wsadzilem ale nie do końca :/

kodu nie podaje bo możecie sobie w żródło chyba zobaczyć ?

a link do stylu XXX



co robie źle ?
Lion_87
28.01.2009, 17:52:32
może
[HTML] pobierz, plaintext 
  1. form {  
  2. margin: 0;
  3. padding: 0;
  4. }
[HTML] pobierz, plaintext
dk1342
28.01.2009, 17:53:38
dodałem ale to nie to chyba minimalnie poszlo w góre
Lion_87
28.01.2009, 17:58:40
no ale masz w #menu linki a tylko dla #szukajki masz float to moze dla #menu daj float left?
dk1342
28.01.2009, 18:01:32
dodalem i teraz jest na tle smile.gif ale dalej jest nizej dalem margin-top 0px ale nic nie dalo
Lion_87
28.01.2009, 18:06:34
ale Ty nie do #m3nu masz dać float a dać nowy div do linków i jemu dać float:left;
dk1342
28.01.2009, 18:08:21
ok to zrobilem teraz tak jak ty mówisz i znowu cofneliśmy się do 1 postu czyli znowu wyszlo z tla :/
Lion_87
28.01.2009, 18:10:59 
[HTML] pobierz, plaintext 
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  3. <title>tytul strony</title>
  4. <link rel="Stylesheet" type="text/css" href="stylenew.css" />
  5. <meta name="Author" content="DK1342" />
  6. <style>
  7. html, body {
  8. 	background-color: #ffffff;
  9. 	color: #000000;
  10. 	margin-left: auto;
  11. 	margin-right: auto;
  12. 	text-align: center;
  13. 	width: 900px;
  14.  
  15. }
  16.  
  17. #top {
  18. 	width: 900px;
  19. }
  20. #MENU {
  21. 	text-align: left;
  22. 	text-decoration: none;
  23. 	height: 25px;
  24. 	font-weight: bold;
  25. 	font-family: Verdana;
  26. 	font-size: 10px;
  27. 	color: #ffffff;
  28. 	width: 898px;
  29. 	margin-top: 0xp;
  30. 	background-color: #297dd0;
  31. 	border-right-color: #878787;
  32. 	border-right-width: thin;
  33. 	border-right-style: solid;
  34. 	border-left-color: #878787;
  35. 	border-left-width: thin;
  36. 	border-left-style: solid;
  37. 	border-top-color: #878787;
  38. 	border-top-width: thin;
  39. 	border-top-style: solid;
  40.  
  41. }
  42.  
  43. #MENU2 {
  44.   float:left;
  45. 	}
  46.  
  47. #szukajka {
  48. 	float: right;
  49. 	text-align: right;
  50. }
  51. #MENU a {
  52. 	text-decoration: none;
  53. 	font-weight: bold;
  54. 	font-family: Verdana;
  55. 	font-size: 10px;
  56. 	color: #ffffff;
  57.  
  58. }
  59. #TRESC {
  60. 	border-right-color: #878787;
  61. 	border-right-width: thin;
  62. 	border-right-style: solid;
  63. 	border-left-color: #878787;
  64. 	border-left-width: thin;
  65. 	border-left-style: solid;
  66. 	border-bottom-color: #878787;
  67. 	border-bottom-width: thin;
  68. 	border-bottom-style: solid;
  69. 	border-top-color: #878787;
  70. 	border-top-width: thin;
  71. 	border-top-style: solid;
  72.   clear:both;
  73. 	width: 898px;
  74. 	background-color: #ffffff;
  75. 	overflow: hidden;
  76. 	font-family: "Verdana";
  77. 	font-size: 10px;
  78. 	font-weight: bold;
  79. }
  80. #stopka {
  81.  
  82. 	border-top-color: #878787;
  83. 	border-top-width: thin;
  84. 	border-top-style: solid;
  85. 	width: 898px;
  86. 	background-color: #ffffff;
  87. 	overflow: hidden;
  88. 	font-family: "Verdana";
  89. 	font-size: 10px;
  90. 	font-weight: bold;
  91. }
  92.  
  93. </style>
  94. </head>
  95. <body>
  96. <div id="top">
  97. <div id="MENU">
  98. <div id="MENU2"><a href="http://uploaduj.eu/demo/">Strona Główna </a> | <a href="http://uploaduj.eu/demo/plik.php?funkcja=allpliki"> Zobacz Wgrane Pliki</a> | <a href="http://uploaduj.eu/demo/plik.php?funkcja=szukaj"> Szukaj pliki</a> | <a href="http://uploaduj.eu/demo/info.php"> Informacje</a>
  99. </div>
  100. <div id="szukajka">
  101. <form action="plik.php?funkcja=szukaj" method="post">
  102. <input type="text" name="szukaj" style="width: 150px;" />
  103. <input type="submit" name="search" value="Szukaj" /> 
  104. </form>
  105. </div>
  106. </div>
  107. <div id="TRESC">
  108. Upload Plików i Obrazków<br />
  109. <br />
  110. <!--
  111. <form enctype="multipart/form-data" action="upload.php" method="POST">
  112. <input name="plik" type="file" />
  113. <input name="submit" onclick="document.getElementById('ladowanie').style.display='block'" type="submit" value="Upload" />
  114. </form>
  115. <div id="ladowanie" style="display:none;">
  116. Proszę czekać! Trwa wgrywanie pliku !<br /><br />
  117. <img src="http://www.uploaduj.eu/images/czekaj.gif">
  118. </div>
  119. -->
  120. <br />
  121. <div id="stopka">
  122. Copyright 2009 by DK1342
  123. </div>
  124. </div>
  125.  
  126. </div>
  127. </body>
  128. </html>
[HTML] pobierz, plaintext


Tak masz?
dk1342
28.01.2009, 18:25:12
oo tera dziala wielkie dzięki

sry że "odkopuje" ale dopiero teraz zauważyłem

XXX

jest odstep miedzy divem menu a trescia

obrazek:

<a href="http://iv.pl/images/7pkrakhoxenm2jt8vff.png" target="_blank">http://iv.pl/images/7pkrakhoxenm2jt8vff.png</a>
Lion_87
28.01.2009, 18:28:27
Może spowrotrm daj padding i margin do form;]
dk1342
28.01.2009, 18:30:22
tak smile.gif dziala pięknie
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.