Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [MySQL][CSS][PHP]pusta linijka
Forum PHP.pl > Forum > Przedszkole
Wampirek12
15.03.2016, 10:18:14
Witam mam kolejny problem chce stworzyc menu kategorii i podkategorii i mam tu problem bo dodaje mi automatycznie pustą linjijke przy pobieraniu i wyswietlaniu danych z bazy wyglada to tak https://katalogryki.pl/katalog/kat.php wystarczy najechać na Mechanika i widac ze jest dodana jedna linijka widac nawet w firebugu oto kod
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.  
  6.     <style>
  7.  
  8.       /* wygląd głównego elementu - ol */
  9.       ol {
  10.  
  11.         text-align: center;
  12. 		float: left;
  13. 		padding: 0;
  14. 		margin: 1px;
  15. 		width:150px;
  16. 		color:white;
  17. 		list-style-type: none;
  18. 			margin: 0;	
  19. 		padding: 0;
  20. 		border: none;
  21. 		font-size:11px
  22.       }
  23.  
  24.       /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
  25.       ol a {
  26.         display:block;
  27.         text-decoration:none;
  28.         color:#000;
  29.         padding:0 5px;
  30.       }
  31.  
  32.       /* wygląd elementów - li - wszystkich dzieci elementu - ol */
  33.       ol > li {
  34.         font-weight: bolder;
  35. 	    text-decoration: none;
  36. background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(62,120,180,1) 34%, rgba(94,153,207,0.7) 68%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
  37. background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(62,120,180,1) 34%,rgba(94,153,207,0.7) 68%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  38. background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(62,120,180,1) 34%,rgba(94,153,207,0.7) 68%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  39. 		display: block;
  40. 		padding: 10px 5px 5px 10px;
  41. 		color: white;
  42. 		border-bottom: 3px solid white;	
  43. 		margin: 0px;
  44.       }
  45.  
  46.       /* wygląd elementu - li - pierwszego dziecka elementu - ol */
  47.       ol > li:first-child {
  48.         margin-left:0;
  49.       }
  50.  
  51.       /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
  52.       ol > li:hover {   background: -moz-linear-gradient(left, rgba(30,51,154,1) 0%, rgba(90,115,202,1) 62%, rgba(96,121,207,0.7) 68%, rgba(126,154,232,0) 100%); /* FF3.6-15 */
  53.         background: -webkit-linear-gradient(left, rgba(30,51,154,1) 0%,rgba(90,115,202,1) 62%,rgba(96,121,207,0.7) 68%,rgba(126,154,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  54.         background: linear-gradient(to right, rgba(30,51,154,1) 0%,rgba(90,115,202,1) 62%,rgba(96,121,207,0.7) 68%,rgba(126,154,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  55.         height:120%;	
  56. 		color:black;
  57. 	    -webkit-transform: scale(1.05);
  58.         -moz-transform: scale(1.05);
  59.         transform: scale(1.05);      
  60. 		transition: 1s; 
  61.       }
  62.  
  63.       /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
  64.       ol > li:hover > a {
  65.       background: -moz-linear-gradient(left, rgba(30,51,154,1) 0%, rgba(90,115,202,1) 62%, rgba(96,121,207,0.7) 68%, rgba(126,154,232,0) 100%); /* FF3.6-15 */
  66.         background: -webkit-linear-gradient(left, rgba(30,51,154,1) 0%,rgba(90,115,202,1) 62%,rgba(96,121,207,0.7) 68%,rgba(126,154,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  67.         background: linear-gradient(to right, rgba(30,51,154,1) 0%,rgba(90,115,202,1) 62%,rgba(96,121,207,0.7) 68%,rgba(126,154,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  68.         width:120%;	
  69. 		color:black;
  70. 	    -webkit-transform: scale(1.05);
  71.         -moz-transform: scale(1.05);
  72.         transform: scale(1.05);      
  73. 		transition: 1s; 
  74.       }
  75.  
  76.       /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
  77.       ol > li:hover > ul {
  78.         display:block;
  79.       }
  80.  
  81.       /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
  82.  
  83. 	  /* wygląd elementu - li - pierwszego dziecka elementu - ol */
  84.       ol > li > ul > li:first-child {
  85.         margin:0;
  86.       }
  87.  
  88.       /* wygląd głównych rozwijanych elementów - ul */
  89.       ol > li > ul {
  90.         display:none;
  91.         list-style-type:none;
  92.         padding:0;
  93.         margin:0;
  94.       }
  95.  
  96.       /* wygląd elementu - li - w części rozwijanej */
  97.       ol > li > ul > li {
  98.         position:relative;
  99.         background-color:#EEE;
  100.       }
  101.  
  102.       /* wygląd elementu - a - w części rozwijanej */
  103.       ol > li > ul > li > a {  font-weight: bolder;
  104. 	    text-decoration: none;
  105. background: -moz-linear-gradient(left, rgba(30,87,153,1) 0%, rgba(62,120,180,1) 34%, rgba(94,153,207,0.7) 68%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
  106. background: -webkit-linear-gradient(left, rgba(30,87,153,1) 0%,rgba(62,120,180,1) 34%,rgba(94,153,207,0.7) 68%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  107. background: linear-gradient(to right, rgba(30,87,153,1) 0%,rgba(62,120,180,1) 34%,rgba(94,153,207,0.7) 68%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  108. 		display: block;
  109. 		padding: 10px 5px 5px 10px;
  110. 		color: white;
  111. 		border-bottom: 3px solid white;	
  112. 		margin: 0px;
  113.       }
  114.  
  115.       /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
  116.       ol > li > ul > li:hover {
  117.         background-color:#DDD;
  118.       }
  119.  
  120.       /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
  121.       ol > li > ul > li:hover > a {
  122.      background: -moz-linear-gradient(left, rgba(30,51,154,1) 0%, rgba(90,115,202,1) 62%, rgba(96,121,207,0.7) 68%, rgba(126,154,232,0) 100%); /* FF3.6-15 */
  123.         background: -webkit-linear-gradient(left, rgba(30,51,154,1) 0%,rgba(90,115,202,1) 62%,rgba(96,121,207,0.7) 68%,rgba(126,154,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
  124.         background: linear-gradient(to right, rgba(30,51,154,1) 0%,rgba(90,115,202,1) 62%,rgba(96,121,207,0.7) 68%,rgba(126,154,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  125.         width:120%;	
  126. 		color:black;
  127. 	    -webkit-transform: scale(1.05);
  128.         -moz-transform: scale(1.05);
  129.         transform: scale(1.05);      
  130. 		transition: 1s; 
  131.       }
  132.     </style>
  133.  
  134.   </head>
  135.  
  136. <body>
  137.  
  138.  
  139.  
  140.  
  141.  
  142. <?php
  143. error_reporting(0);
  144. session_start();
  145. include_once 'dane.php';
  146. $echo = '<ol>';
  147. // zapytanie do bazy pobranie kategorii głównych
  148. $result = $db->query("SELECT * FROM kategorie");
  149. // wyświetlenie wyników
  150. while($row= $result->fetch_assoc())
  151. { $i = $row['ID'] ;
  152. //zapytanie do bazy pobranie podkategorii   
  153. $result2 = $db->query("SELECT * FROM `podkategorie` WHERE `id_kategorii` = '{$i}'");
  154.  
  155. //pobranie i wyświetlenie wyników
  156. if($result2->num_rows > 0){
  157. while($row2=$result2-> fetch_assoc())
  158. {
  159. 	$name = $row2['nazwa_podkategorii'];
  160. 	IF(isset($name)){
  161. $podk[$i] .= "<li><a href=\"#\">".$name."</a></li>";	
  162. 	}
  163. }
  164. }
  165. $echo .= "<li><a href=\"#\">".$row['nazwa_kategorii']."<ul>".$podk[$i]."</ul></a></li>";
  166.  
  167. }
  168. $echo .= "</ol>
  169. 		</form></div>";
  170. echo $echo;
  171. ?>
  172. 	</body>
  173. </html>
[PHP] pobierz, plaintext
kod css jest zrobiony przy pomocy darmowych kursów
Kshyhoo
15.03.2016, 10:19:51
Cytat
Połączenie nie jest bezpieczne

Właściciel witryny katalogryki.pl niepoprawnie ją skonfigurował.
woxala123
15.03.2016, 10:33:17
Dodaj wyjątek Kshyhoo. Jest to witryna pod https
Wampirek12
15.03.2016, 10:36:29
Dziwne u mnie nic takiego nie ma co prawda korzystam z darmowego certyfikatu i pewnie to dlatego, ze korzystam ze Start SSL
Cytat
This page is secure (valid HTTPS).
Prawidłowy certyfikat
Połączenie z tą stroną jest zabezpieczone przy użyciu prawidłowego, zaufanego certyfikatu.
View certificate
Bezpieczne połączenie TLS
Połączenie z tą stroną używa mocnej wersji protokołu i mechanizmu szyfrowania.
Secure Resources
All resources on this page are served securely.

Tak jak pisałem o to chodzi wystawca jesty nieznany
Kshyhoo
15.03.2016, 10:39:52
Cytat
katalogryki.pl używa nieprawidłowego certyfikatu bezpieczeństwa.
Certyfikat nie jest zaufany, ponieważ certyfikat wystawcy jest nieznany.
Serwer może nie wysyłać właściwych certyfikatów pośrednich.
Import dodatkowego certyfikatu głównego może okazać się konieczny.
(Kod błędu: sec_error_unknown_issuer)
nospor
15.03.2016, 11:19:31
Nie wklejaj nam calej masy kodu css, bo jest on do niczego nie potrzebny a tylko musimy przewijac pol godziny strone wink.gif
To generowany html jest problemem a nie css.

Co do problemu:
nie :IF(isset($name)){
a: IF(!empty($name)){
Wampirek12
15.03.2016, 12:28:50
Dzięki. Na przyszłość będę pamiętał tongue.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.