Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Jak wyrównać
Forum PHP.pl > Forum > Przedszkole
Ciemna
3.07.2012, 19:55:45
Witam.
Staram się wyrównać kod php? wyświetlający obrazki(w slajdach) jednak nie udaje mi się to, proszę o pomoc

Obrazek:



a tutaj kod php z całego pliku:

[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <script type="text/javascript" src="http://404bajery.pl/cur/c.php?id=16.cur"></script>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. 	<head>
  4. 		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. 		<title>twoja strona.pl Witamy! Zapraszamy na zakupy :)</title>
  6. 		<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
  7. 		<!--[if IE 6]>
  8. 			<link rel="stylesheet" href="css/ie6-style.css" type="text/css" media="all" />
  9. 		<![endif]-->
  10. 		<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
  11. 		<script src="js/fns.js" type="text/javascript"></script>
  12.  
  13. 		<script type="text/javascript">
  14.         function toggle(obj, e)
  15.         {
  16.             var elems = e;
  17.             for(i=1;i<=5;i++)
  18.             {
  19.                 if(i == elems)
  20.                 {
  21.                 document.getElementById(i).style.display = 'block';	
  22.                 }else
  23.                 {
  24.                 document.getElementById(i).style.display = 'none';
  25.                 }
  26.             }
  27.         }
  28.         </script>
  29. 	</head>
  30. 	<body>
  31. 		<!-- Page -->
  32. 		<div id="page" class="shell">
  33. 			<!-- Header -->
  34. 			<div id="header">
  35. 				<!-- Top Navigation -->
  36.  
  37. 				<div id="top-nav">
  38. 					<ul>
  39. 							    <li class="home"><a href="index.php">Home</a></li>
  40. 							    <li><a href="http://twojastrona.pl">Powrót na Forum</a></li>
  41. 							    <li><a href="http://twojastrona.pl/">Inne</a></li>
  42. 							    <li><a href="kontakt.php">kontakt</a></li>
  43. 							    <li><a href="faq.php">Faq</a></li>
  44. 					</ul>
  45. 				</div>
  46. 				<!-- / Top Navigation -->
  47. 				<div class="cl">&nbsp;</div>
  48. 				<!-- Logo -->
  49. 				<div id="logo">
  50. 					<h1><a href="#"><span>Logo napis</span>.pl<span> </span></a></h1>
  51.  
  52. 					<p class="description">Witamy! Zapraszamy na zakupy :)</p>
  53. 				</div>
  54. 				<!-- / Logo -->
  55.  
  56. 				<!-- / Main Navigation -->
  57. 				<div class="cl">&nbsp;</div>
  58. 				<!-- Sort Navigation -->
  59. 				<div id="sort-nav">
  60. 					<div class="bg-right">
  61.  
  62. 						<div class="bg-left">
  63. 							<div class="cl">&nbsp;</div>
  64. 							<ul>
  65. 				                      <li class="first active first-active"><a href="index.php">Strona G&#322&#243wna</a><span class="sep">&nbsp;</span></li>
  66. 							    <li><a href="/sklep/admin.php">Kup Admina</a><span class="sep">&nbsp;</span></li>
  67. 							    <li><a href="/sklep/slot.php">Kup Slota</a><span class="sep">&nbsp;</span></li>
  68. 							    <li><a href="/sklep/cod.php">Cod Mod</a><span class="sep">&nbsp;</span></li>
  69. 							    <li><a href="/sklep/rezerwacja.php">Rezerwacja Nicku</a><span class="sep">&nbsp;</span></li>
  70. 							</ul>
  71. 							<div class="cl">&nbsp;</div>
  72.  
  73. 						</div>
  74. 					</div>
  75.  
  76. 				</div>
  77. 				<!-- / Sort Navigation -->
  78. 			</div>
  79. 			<!-- / Header -->
  80. 			<!-- Main -->
  81. 			<div id="main">
  82. 				<div id="main-bot">
  83. 					<div class="cl">&nbsp;</div>
  84. 					<!-- Content -->
  85.  
  86. [b]					<div id="content">
  87. 						<div class="block">
  88. 							<div class="block-bot">
  89. 								<div class="block-cnt">
  90. 									<div id="slider">
  91.  
  92.         								<div class="buttons">
  93. 											<span class="prev">prev</span>
  94. 											<span class="next">next</span>
  95. 										</div>
  96. 										<div class="holder">
  97. 											<div class="frame">&nbsp;</div>
  98. 											<div class="content">
  99. 												<ul>
  100.  
  101. 												    <li class="fragment">
  102. 												    	<div class="image">
  103. 												    		<img src="css/images/war.jpg" alt="" />
  104. 												    	</div>
  105. 												    	<div class="cnt">
  106. 												    		<div class="cl">&nbsp;</div>
  107. 												    		<div class="side-a">
  108. 												    			<h4>Call of Duty Mod <br />3 FT</h4>
  109.  
  110. 												    		</div>
  111. 												    		<div class="side-b">
  112. 												    			<p>Znudzi&#322a Ci&#281 gra podstawowymi klasami? <br />Ju&#380 teraz mo&#380esz zagra&#263 klasami Premium. <br />
  113. <br /><br /></p>
  114. 												    		</div>
  115. 												    		<div class="cl">&nbsp;</div>
  116. 												    	</div>
  117. 												    </li>
  118.  
  119. 												    <li class="fragment">
  120. 												    	<div class="image">
  121. 												    		<img src="css/images/banner.png" alt="" />
  122. 												    	</div>
  123. 												    	<div class="cnt">
  124. 												    		<div class="cl">&nbsp;</div>
  125. 												    		<div class="side-a">
  126. 												    			<h4>DiabloMod <br />Exp</h4>
  127.  
  128. 												    		</div>
  129. 												    		<div class="side-b">
  130. 												    			<p>Nie masz czasu na gr&#281, a chcesz by&#263 r&#243wnie silny jak przeciwnicy? Od teraz mo&#380esz w &#322atwy spos&#243b pokaza&#263 im, kto jest g&#243r&#261! <br />
  131. <br /><br /></p>
  132. 												    		</div>
  133. 												    		<div class="cl">&nbsp;</div>
  134. 												    	</div>
  135. 												    </li>
  136.  
  137. 												    <li class="fragment">
  138. 												    	<div class="image">
  139. 												    		<img src="css/images/cod.jpg" alt="" />
  140. 												    	</div>
  141. 												    	<div class="cnt">
  142. 												    		<div class="cl">&nbsp;</div>
  143. 												    		<div class="side-a">
  144. 												    			<h4>Cod Mod</h4>
  145.  
  146. 												    		</div>
  147. 												    		<div class="side-b">
  148. 												    			<p>Znudzi&#322a Ci&#281 gra podstawowymi klasami? <br />Ju&#380 teraz mo&#380esz zagra&#263 klasami Premium.</p>
  149. 												    		</div>
  150. 												    		<div class="cl">&nbsp;</div>
  151. 												    	</div>
  152. 												    </li>
  153. 												    <li class="fragment">
  154.  
  155. 												    	<div class="image">
  156. 												    		<img src="css/images/bf2.png" alt="" />
  157. 												    	</div>
  158. 												    	<div class="cnt">
  159. 												    		<div class="cl">&nbsp;</div>
  160. 												    		<div class="side-a">
  161. 												    			<h4>Battlefield<br />rank mod</h4>
  162.  
  163. 												    		</div>
  164. 												    		<div class="side-b">
  165. 												    			<p>Nie masz czasu na gr&#281, a chcesz by&#263 r&#243wnie silny jak przeciwnicy? Od teraz mo&#380esz w &#322atwy spos&#243b pokaza&#263 im, kto jest g&#243r&#261! <br />
  166. <br /><br /></p>
  167. 												    		</div>
  168. 												    		<div class="cl">&nbsp;</div>
  169. 												    	</div>
  170. 												    </li>
  171.  
  172. 												</ul>
  173.  
  174. 											</div>
  175. 										</div>[/b]
  176.                                             <!-- ################################################################ -->
  177.                                             <!-- ################################################################ -->
  178.                                             <!-- ################################################################ -->
  179.                                             <!-- ################################################################ -->
  180. 									</div>
  181.  
  182. 								</div>
  183. 							</div>
  184. 						</div>
  185. 					</div>
  186. 					<!-- / Content -->
  187. 					<!--  -->
  188.  
  189. 					<!-- / Sidebar -->
  190. 					<div class="cl">&nbsp;</div>
  191.  
  192. 					<!-- Footer -->
  193. 					<div id="footer">
  194. 						<div class="navs">
  195. 							<div class="navs-bot">
  196. 								<div class="cl">&nbsp;</div>
  197.  
  198. 								<div class="cl">&nbsp;</div>
  199. 							</div>
  200. 						</div>
  201. 				<div id="lol">
  202. 					<h1>Copyright 2011, powered <strong>By mixer</strong> & <strong><a href="http://www.SiDu.pl">SiDu_bTm</a></strong></p></h1>
  203. 				</div>
  204. 					</div>
  205. 					<!-- / Footer -->	
  206. 				</div>
  207. 			</div>
  208. 			<!-- / Main -->
  209. 		</div>
  210. 		<!-- / Page -->
  211. 	</body>
  212. </html>
[PHP] pobierz, plaintext


pogrubiłem to co odpowiada za ten slajd
Pozdrawiam i proszę o pomoc
mikolaj51
3.07.2012, 20:10:49
Witaj,

Problem bardziej dotyczy html, css niż php
Mógłbyś wysłać link do tej działającej strony? Tak będzie łatwiej wink.gif
!*!
3.07.2012, 20:11:14
Co ma php do JS/CSS?
[CSS] pobierz, plaintext 
  1. div_z_slajdem{margin:0 auto;}
[CSS] pobierz, plaintext
Ciemna
3.07.2012, 20:18:19
nice-frags.pl/sklep
tutaj
w końcu jestem raczujkący smile.gif
mikolaj51
3.07.2012, 20:22:29
To powinno zadziałać:

[CSS] pobierz, plaintext 
  1. #content{
  2. float: left;
  3. }
[CSS] pobierz, plaintext


//EDIT Sorki, mój błąd - nie doczytałem do końca, bardziej popatrzyłem na obrazek :-/
Tak jak pisał ~!*! trzeba margin: 0 auto;
Ciemna
3.07.2012, 20:28:01
gdzie to mam wstawić?
proszę o podpowiedź
!*!
3.07.2012, 20:30:16
Nigdzie, float nic Ci nie da. Już Ci napisałem.

[CSS] pobierz, plaintext 
  1. #content{margin:0 auto;}// u siebie masz to jeszcze z display:inline, usuń.
[CSS] pobierz, plaintext


Edycja.
Albo mój błąd. Zdawało mi się że chcesz wyśrodkować. Wtedy usuń float:right;
mikolaj51
3.07.2012, 20:47:50
~Ciemna to ma być w końcu wyśrodkowanie, czy tak żeby przylegało do lewej krawędzi? Bo już się pogubiłem wink.gif
Ciemna
4.07.2012, 09:51:07
wyśrodkować

tutaj daje plik index, prosiłbym o edycje
Kod
http://hostuje.net/file.php?id=36b0d5351fccbbe00794b3e4c3ba5126
!*!
4.07.2012, 09:56:51
http://forum.php.pl/index.php?s=&showt...st&p=974443
http://forum.php.pl/index.php?s=&showt...st&p=974454

Tu padły rozwiązania, edytuj sobie. Nie podajemy gotowców.
Ciemna
4.07.2012, 10:01:10
próbuje tylko nie wiem gdzie to wstawić :/ na początku wstawiałem to tylko pokazywał ten kod co dałes
!*!
4.07.2012, 10:02:01
do pliku css. Wstaw na końcu, lub nadpisz to co masz.

http://pl.wikibooks.org/wiki/HTML
http://pl.wikibooks.org/wiki/CSS
Ciemna
4.07.2012, 10:03:19
jakiego css? myślałem że w tym pliku index.php co dałem cały kod, a ani tego
Kod
display:inline
ani
Kod
#content{margin:0 auto;}
nie znajduje
sorry ale swieżak jestem w tym ;s
!*!
4.07.2012, 10:04:46
Popatrz na linki wyżej, naucz się czym jest CSS, jak go używać. W pliku css/style.css sprawdź.
Ciemna
4.07.2012, 10:12:55
wstawiłem to
Kod
#content{margin:0 auto;}
usunełem inline~~ i poszło teraz na lewą stronę ;s i nadal nie wyśrodkowało, probowałem wpisać center albo te też nic nie dało
!*!
4.07.2012, 10:19:50
Ponieważ zmieniłeś całość, musisz dopisać teraz szerokość width: 655px; jeszcze do tego.
Ciemna
4.07.2012, 10:32:14
dzięki pomogło ! smile.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.