Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Problem z odnośnikiem
Forum PHP.pl > Forum > Przedszkole
niveamen
26.08.2014, 15:40:12
Cześć,

mam problem z odnośnikiem jak klikam w niego to zamiast przenosić do np www.onet.pl to przenosi na www.mojastrona.pl/www.onet.pl

[PHP] pobierz, plaintext 
  1. <?php
  2.     $limit = 15; // ile rekordów pobrać
  3.     $start = $_GET['page']; // od którego zacząć
  4.     if($start <= 0){ $start = 1; }
  5.  
  6.  
  7.  
  8.     $tablica[0]['photo'] = 'images/interia.png';
  9.     $tablica[0]['data'] = '26.08.14 04:08';
  10.     $tablica[0]['link'] = 'http://www.onet.pl/';
  11.  
  12.     $tablica[1]['photo'] = 'images/wp.png';
  13.     $tablica[1]['data'] = '26.08.14 04:08';
  14.     $tablica[1]['link'] = 'http://www.onet.pl/';
  15.  
  16.  
  17.     if($start > 1){
  18.     $next = '<a href="?page='.($start-1).'"class="zmiennik">Poprzednie</a>';
  19.     }
  20.  
  21.     if(count($tablica) > $start*$limit){
  22.     $prev = '<a href="?page='.($start+1).'"class="zmiennik">Następne</a>';
  23.     }
  24.  
  25.     $start = ($start-1)*$limit;
  26.  
  27.     for($n = $start; $n < $start+$limit; $n++){
  28.         if($tablica[$n]['photo'] != '') {
  29.             echo '<figure><a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><figcaption><h11>'.$tablica[$n]['data'].'</a><h11></figcaption></figure>';
  30.         }
  31.     }
  32.     echo '<center><br><br>'.$next.' // '.$prev;
  33.     ?>
  34. </div>
[PHP] pobierz, plaintext
Damonsson
26.08.2014, 15:53:59
Pokaż kod za to odpowiedzialny.
niveamen
26.08.2014, 18:22:50
chodzi Ci o css?

te odnośniki to te obrazki wyświetlane z tablicy.

[PHP] pobierz, plaintext 
  1. /*  Main  */
  2. body {
  3.  background:#000;
  4.  color:#00CC00;
  5.  font-family: Arial, Helvetica, sans-serif;
  6.  font-size: 13px;
  7. }
  8.  
  9. #wrapper {
  10.  margin:0 auto;
  11.  width:960px;
  12. }
  13.  
  14. #header {
  15. font-size: 14px;
  16. text-align: center;
  17. margin-top: 25px;
  18. }
  19.  
  20. #nav {
  21.     text-align: center;
  22. }
  23.  
  24. .menu{
  25.     display: inline-block;
  26. 	margin: 0 10px;
  27. 	margin-top: 20px;
  28. }
  29.  
  30. .menu:first-letter {
  31.     text-transform: uppercase;
  32.     font-size: 30px;
  33. }
  34.  
  35. #nav li a{
  36.     color:white;
  37.     font-size: 20px;
  38.     text-transform: uppercase;
  39.     font-weight: bold;
  40.     text-decoration: none;
  41. }
  42.  
  43. #nav li a:hover{
  44. 	opacity:0.5;
  45. }
  46.  
  47.  
  48. .line{width: 960px; height: 20px; float: left; background: #21a6ab; margin-top: 9px; }
  49. .line h10 { display:block; color:#0a4630; font-size: 15px; font-weight: bold; padding-top:3px;}
  50.  
  51. .linse h11{ display:block; color:#0a4630; font-size: 15px; font-weight: bold; text-align: center; padding-top: 30px; padding-bottom: 25px;}
  52.  
  53.  
  54.  
  55. #footer {
  56. 	text-align: center;
  57. 	margin-top: 50px;
  58. }
  59.  
  60. #kontakt {
  61. 	text-align: center;
  62. 	margin-top: 70px;
  63. 	font-size: 60px;
  64. }
  65.  
  66. #ero {
  67. text-align: center;
  68. margin-top: 25px;
  69. }
  70.  
  71. #pocz {
  72. text-align: center;
  73. margin-top: 25px;
  74. }
  75.  
  76.  
  77. .li {
  78. display:block;
  79. 	display: inline;
  80. 	text-align: center;
  81.  
  82. }
  83.  
  84.  
  85. figure{
  86.     display: inline-block;
  87. 	border: 0 solid #FFFFFF;
  88.     margin-top: 15px;
  89. 	margin-right: 25px;
  90. 	margin-left: 25px;
  91. }
  92.  
  93. figure a{
  94. 	text-decoration: none;
  95. }
  96.  
  97. figure a:hover{
  98. 	opacity:0.5;
  99. }
  100.  
  101. figure h11 {
  102. 	color:white;
  103.     text-transform: uppercase;
  104. 	text-decoration: none;
  105. 	font-weight: bold;
  106. 	font-size: 15px;
  107. }
  108.  
  109. .zmiennik {
  110. 	color:white;
  111. 	text-decoration: none;
  112. 	font-weight: bold;
  113. 	font-size: 15px;
  114. 	text-transform: uppercase;
  115. }
  116.  
[PHP] pobierz, plaintext


Aaa, dobra chyba o ten kod Ci chodzi:

[PHP] pobierz, plaintext 
  1. echo '<figure><a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><figcaption><h11>'.$tablica[$n]['data'].'</a></h11></figcaption></figure>';
[PHP] pobierz, plaintext



To jak to zrobić?
nospor
26.08.2014, 18:25:12
Zacznij od poprawy kodu html... mieszasz ze sobą znaczniki, nieskonczysz jednego juz zaczynasz kolejny, zamykasz w srodku innego.... a to wszystko w jednej prostej linijce kodu...
niveamen
26.08.2014, 18:31:31
Chodzi Ci o h11?, poprawiłem, a jak tego odnośnika poprawić?
nospor
26.08.2014, 18:32:13
Jak cos poprawiasz, to pokazuj zmiany. Skad mam wiedziec czy dobrze poprawiles...
niveamen
26.08.2014, 18:38:10
h11 poprawiłem, chyba jest okay, bo strona działa, tylko te odnośniki jeszcze mi zostały.

[PHP] pobierz, plaintext 
  1. echo '<figure><a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><figcaption><h11>'.$tablica[$n]['data'].'</a></h11></figcaption></figure>';
[PHP] pobierz, plaintext
nospor
26.08.2014, 18:39:05
Nie wiem co ty tam poprawiles, ale jak krzyzowales znaczniki tak nadal krzyzujesz.... Zrozum, nie mozesz jednego znacznika zamykac w polowie otwartego innego...
niveamen
26.08.2014, 18:46:26
Rozumiem, poprawiłem, ale jeszcze z odnośnikiem dalej mam problem, pomocy

[PHP] pobierz, plaintext 
  1. echo '<figure><a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><figcaption><h11>'.$tablica[$n]['data'].'</h11></figcaption></a></figure>';
[PHP] pobierz, plaintext
nospor
26.08.2014, 18:49:34
Pokaz jak wyglada wygenerowany kod w przegladarce. Czyli pokaz zrodlo wygenerowanej strony z fragmentem gdzie jest twoj link
niveamen
26.08.2014, 19:01:22
lolz, ale namieszane, kod:

[PHP] pobierz, plaintext 
  1. <div id="pocz">
  2. <figure><a href="www.onet.pl"><img src="images/interia.png"/><figcaption><h11>26.08.14 04:08</h11></figcaption></a></figure><figure><a href="www.onet.pl"><img src="images/wp.png"/><figcaption><h11>26.08.14 04:08</h11></figcaption></a></figure><figure><a href="www.onet.pl"><img src="images/wp.png"/><figcaption><h11>26.08.14 04:08</h11></figcaption></a></figure><figure><a href="www.onet.pl"><img src="images/o2.png"/><figcaption><h11>26.08.14 04:08</h11></figcaption></a></figure><figure><a href="www.onet.pl"><img src="images/o2.png"/><figcaption><h11>26.08.14 04:08</h11></figcaption></a></figure><center><br><br> // </div>
[PHP] pobierz, plaintext
nospor
26.08.2014, 19:17:31
Nom... linki powinny sie zaczynac od http:// a u ciebie tego nie ma, pomimo, ze w kodzie php wynikalo ze jest... nie widzisz tego?
kropamk
26.08.2014, 21:22:49
a ja od siebie dodam coś w sprawie html5 wink.gif bo jest tutaj nieudolnie stosowane.

Po pierwsze figcaption nie może być dzieckiem tagu <a> i co to jest za nagłówek h11?

[HTML] pobierz, plaintext 
  1. <figure>
  2.                 <a href="www.onet.pl">
  3.                     <img src="images/interia.png"/>
  4.                 </a>
  5.                 <figcaption>
  6.                     <h1>26.08.14 04:08</h1>
  7.                 </figcaption>
  8.             </figure>
[HTML] pobierz, plaintext


stopniujemy od h1 do h6 i pamiętajmy o zasadzie odpowiedniego stopniowania.
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.