[CSS][PHP] pozycja echo Opcje

[Terrorizer]

Cześć,
Mam drobny skrypt wypisujący zdjęcia z bazy oraz pod zdjęciami wypisuje nazwę użytkownika oraz datę dodania zdjęcia.
Niestety data wskakuje linijkę niżej, nie mam pojęcia dlaczego, próbując nadać jej pozycję w css zaczyna przeskakiwać.
Na czym polega problem?

Skrypt:

[PHP] pobierz, plaintext 
<?php
$allphotos = mysql_query("SELECT * FROM photos");
 
while ($numphotos = mysql_fetch_assoc($allphotos)){
echo '<img src="'.$numphotos['link'].'" alt="photo"><br>';
echo "<div id='photouser'>" . "Dodane przez:<br>" . $numphotos['user'] . "</div>";
echo "<div id='photodate'>" . $numphotos['date'] . "</div>";
}
 
?>
[PHP] pobierz, plaintext 

CSS:

[PHP] pobierz, plaintext 
#photodate{
float:right;
width:150px;
}
 
#photouser{
width:200px;
}
[PHP] pobierz, plaintext 

Zdjęcie:
(IMG:http://s28.postimg.org/5vl7xpfft/lipton.jpg)

Ten post edytował Terrorizer 25.08.2014, 14:20:07

[Turson]

Do #photouser daj float:left;
a pod tym wszystkim
<div style="clear:both"></div>

Poza tym masz wielki błąd!
Jeżeli puszczasz to w pętli to id się powtarza tak samo dla każdego elementu, a nie może. ID musi być unikalne. Użyj class

Ten post edytował Turson 25.08.2014, 14:22:01

[Terrorizer]

Zawsze mam problem z pozycjonowaniem i składnią.
Chyba pora wybrać jakąś solidną książkę, bo coś mi to nie wchodzi.
Wielkie dzięki

[tzm]

Ogólnie to polecam: http://www.codecademy.com/learn
W miarę szybko załapiesz jak masz chęci.

[Terrorizer]

Przerobiłem codecademy, jednak jestem oporny jeśli chodzi o rozumowanie pewnych rzeczy i chyba tylko długa praktyka może coś tu zmienić
Natomiast zgadzam się, że te kursy są bardzo fajne (IMG:style_emoticons/default/smile.gif)