Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [MySQL][CSS][PHP]pusta linijka
Wampirek12
post
Post #1





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 13.02.2016

Ostrzeżenie: (0%)
-----


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
  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. include_once 'dane.php';
  144. $echo = '<ol>';
  145. // zapytanie do bazy pobranie kategorii głównych
  146. $result = $db->query("SELECT * FROM kategorie");
  147. // wyświetlenie wyników
  148. while($row= $result->fetch_assoc())
  149. { $i = $row['ID'] ;
  150. //zapytanie do bazy pobranie podkategorii
  151. $result2 = $db->query("SELECT * FROM `podkategorie` WHERE `id_kategorii` = '{$i}'");
  152.  
  153. //pobranie i wyświetlenie wyników
  154. if($result2->num_rows > 0){
  155. while($row2=$result2-> fetch_assoc())
  156. {
  157. $name = $row2['nazwa_podkategorii'];
  158. IF(isset($name)){
  159. $podk[$i] .= "<li><a href=\"#\">".$name."</a></li>";
  160. }
  161. }
  162. }
  163. $echo .= "<li><a href=\"#\">".$row['nazwa_kategorii']."<ul>".$podk[$i]."</ul></a></li>";
  164.  
  165. }
  166. $echo .= "</ol>
  167. </form></div>";
  168. echo $echo;
  169. ?>
  170. </body>
  171. </html>
kod css jest zrobiony przy pomocy darmowych kursów
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #2





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




Cytat
Połączenie nie jest bezpieczne

Właściciel witryny katalogryki.pl niepoprawnie ją skonfigurował.
Go to the top of the page
+Quote Post
woxala123
post
Post #3





Grupa: Zarejestrowani
Postów: 361
Pomógł: 12
Dołączył: 9.01.2010

Ostrzeżenie: (10%)
X----


Dodaj wyjątek Kshyhoo. Jest to witryna pod https
Go to the top of the page
+Quote Post
Wampirek12
post
Post #4





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 13.02.2016

Ostrzeżenie: (0%)
-----


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

Ten post edytował Wampirek12 15.03.2016, 10:43:42
Go to the top of the page
+Quote Post
Kshyhoo
post
Post #5





Grupa: Opiekunowie
Postów: 3 855
Pomógł: 317
Dołączył: 4.01.2005
Skąd: że




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)
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Nie wklejaj nam calej masy kodu css, bo jest on do niczego nie potrzebny a tylko musimy przewijac pol godziny strone (IMG:style_emoticons/default/wink.gif)
To generowany html jest problemem a nie css.

Co do problemu:
nie :IF(isset($name)){
a: IF(!empty($name)){
Go to the top of the page
+Quote Post
Wampirek12
post
Post #7





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 13.02.2016

Ostrzeżenie: (0%)
-----


Dzięki. Na przyszłość będę pamiętał (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 15:30