Forum PHP.pl > Obrazki obok siebie

Pomoc - Szukaj - Użytkownicy - Kalendarz

aas92

19.03.2016, 13:38:46

Witam,
Mam taki kod i chcę żeby pobrane obrazki wraz z nazwą kategorii wyświetlały się obok siebie ale coś nie idzie.

PHP:

Kod

<?php
require( 'polaczenie.php' );

//definiuje zapytanie
$sql = mysql_query("SELECT * FROM kategorie;");

//wyświetla wynik
while( $tabela = mysql_fetch_array($sql) )
{
echo '<a href="galeria.php?kategoria='.$tabela['id'].'" class="thumbnail"><img src="img/'.$tabela['id'].'.jpg" alt=""><h1>'.$tabela['nazwa'].'</h1></a>';
}

mysql_close($connect);
?>

CSS:

Kod

a.thumbnail img
{
    display:inline;
    height:300px;
    width:300px;
    margin:0px;
    padding:0px;
    clear:both;
}

h1
{
margin-top:0px;
margin-bottom:10px;
background:#0054a6;
width:300px;
padding:0px;
}

bmati666

19.03.2016, 14:14:51

Usuń "clear:both;"

aas92

19.03.2016, 14:24:25

@Up nie pomogło. Inaczej sobie poradziłem dodałem style="display:inline;" i działa. Tylko teraz text wyświetla się też obok zdjęcia a chcę żebym wyświetłał się pod nim, i tutaj już nie mam rozwiązania

Aktualny kod:
PHP:

Kod

<?php
require( 'polaczenie.php' );

//definiuje zapytanie
$sql = mysql_query("SELECT * FROM kategorie;");

//wyświetla wynik
while( $tabela = mysql_fetch_array($sql) )
{
echo '<a href="galeria.php?kategoria='.$tabela['id'].'" class="thumbnail"><img style="display:inline;" src="img/'.$tabela['id'].'.jpg" alt=""><h1>'.$tabela['nazwa'].'</h1></a>';
}

mysql_close($connect);
?>

CSS:

Kod

h1
{
margin-top:0px;
margin-bottom:10px;
background:#0054a6;
width:300px;
padding:0px;
display:inline;
}

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.