[HTML][CSS] Problem z odnośnikiem Opcje

[niveamen]

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 
<?php
    $limit = 15; // ile rekordów pobrać
    $start = $_GET['page']; // od którego zacząć
    if($start <= 0){ $start = 1; }
 
 
 
    $tablica[0]['photo'] = 'images/interia.png';
    $tablica[0]['data'] = '26.08.14 04:08';
    $tablica[0]['link'] = 'http://www.onet.pl/';
 
    $tablica[1]['photo'] = 'images/wp.png';
    $tablica[1]['data'] = '26.08.14 04:08';
    $tablica[1]['link'] = 'http://www.onet.pl/';
 
 
    if($start > 1){
    $next = '<a href="?page='.($start-1).'"class="zmiennik">Poprzednie</a>';
    }
 
    if(count($tablica) > $start*$limit){
    $prev = '<a href="?page='.($start+1).'"class="zmiennik">Następne</a>';
    }
 
    $start = ($start-1)*$limit;
 
    for($n = $start; $n < $start+$limit; $n++){
        if($tablica[$n]['photo'] != '') {
            echo '<figure><a href="'.$tablica[$n]['link'].'"><img src="'.$tablica[$n]['photo'].'"/><figcaption><h11>'.$tablica[$n]['data'].'</a><h11></figcaption></figure>';
        }
    }
    echo '<center><br><br>'.$next.' // '.$prev;
    ?>
</div>
[PHP] pobierz, plaintext 

[Damonsson]

Pokaż kod za to odpowiedzialny.

[niveamen]

chodzi Ci o css?

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

[PHP] pobierz, plaintext 
/*  Main  */
body {
 background:#000;
 color:#00CC00;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
 
#wrapper {
 margin:0 auto;
 width:960px;
}
 
#header {
font-size: 14px;
text-align: center;
margin-top: 25px;
}
 
#nav {
    text-align: center;
}
 
.menu{
    display: inline-block;
	margin: 0 10px;
	margin-top: 20px;
}
 
.menu:first-letter {
    text-transform: uppercase;
    font-size: 30px;
}
 
#nav li a{
    color:white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
 
#nav li a:hover{
	opacity:0.5;
}
 
 
.line{width: 960px; height: 20px; float: left; background: #21a6ab; margin-top: 9px; }
.line h10 { display:block; color:#0a4630; font-size: 15px; font-weight: bold; padding-top:3px;}
 
.linse h11{ display:block; color:#0a4630; font-size: 15px; font-weight: bold; text-align: center; padding-top: 30px; padding-bottom: 25px;}
 
 
 
#footer {
	text-align: center;
	margin-top: 50px;
}
 
#kontakt {
	text-align: center;
	margin-top: 70px;
	font-size: 60px;
}
 
#ero {
text-align: center;
margin-top: 25px;
}
 
#pocz {
text-align: center;
margin-top: 25px;
}
 
 
.li {
display:block;
	display: inline;
	text-align: center;
 
}
 
 
figure{
    display: inline-block;
	border: 0 solid #FFFFFF;
    margin-top: 15px;
	margin-right: 25px;
	margin-left: 25px;
}
 
figure a{
	text-decoration: none;
}
 
figure a:hover{
	opacity:0.5;
}
 
figure h11 {
	color:white;
    text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}
 
.zmiennik {
	color:white;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
}
 
[PHP] pobierz, plaintext 

Aaa, dobra chyba o ten kod Ci chodzi:

[PHP] pobierz, plaintext 
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ć?

Ten post edytował niveamen 26.08.2014, 18:28:13

[nospor]

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]

Chodzi Ci o h11?, poprawiłem, a jak tego odnośnika poprawić?

[nospor]

Jak cos poprawiasz, to pokazuj zmiany. Skad mam wiedziec czy dobrze poprawiles...

[niveamen]

h11 poprawiłem, chyba jest okay, bo strona działa, tylko te odnośniki jeszcze mi zostały.

[PHP] pobierz, plaintext 
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]

Nie wiem co ty tam poprawiles, ale jak krzyzowales znaczniki tak nadal krzyzujesz.... Zrozum, nie mozesz jednego znacznika zamykac w polowie otwartego innego...

[niveamen]

Rozumiem, poprawiłem, ale jeszcze z odnośnikiem dalej mam problem, pomocy

[PHP] pobierz, plaintext 
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]

Pokaz jak wyglada wygenerowany kod w przegladarce. Czyli pokaz zrodlo wygenerowanej strony z fragmentem gdzie jest twoj link

[niveamen]

lolz, ale namieszane, kod:

[PHP] pobierz, plaintext 
<div id="pocz">
<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]

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]

a ja od siebie dodam coś w sprawie html5 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 
<figure>
                <a href="www.onet.pl">
                    <img src="images/interia.png"/>
                </a>
                <figcaption>
                    <h1>26.08.14 04:08</h1>
                </figcaption>
            </figure>
[HTML] pobierz, plaintext 

stopniujemy od h1 do h6 i pamiętajmy o zasadzie odpowiedniego stopniowania.