Forum PHP.pl

Witam, aktualnie zastanawiam się nad takim problemem. Chcę na stronie głównej wyświetlać 3 ostatnie dodane rekordy.
Chciałbym aby te rekordy były wyświetlane w 3 osobnych tabelach i aby te 3 tabelki były obok siebie.
Jednak wszystkie moje próby kończą się tym że tabelki są wyświetlane pod sobą:

Niby są to banały ale kombinuje i wykombinować nie mogę:

[PHP] pobierz, plaintext 
<table>
<?
$zapytanie = "SELECT * FROM `ogloszenia` LIMIT 3";
$wykonaj = mysql_query($zapytanie);
while ($rekord = mysql_fetch_array($wykonaj))
				{
				$obrazek = $rekord['obrazek'];
				$data = $rekord['data'];
 
echo <<<KONIEC
<tr><td><table width="33%"><tr><td>
<img src="img/mini/$obrazek.jpg"></td><td>Dzień dodania: $data</td></tr>
</table></td></tr>
 
KONIEC;
}
?>
</table>
[PHP] pobierz, plaintext 

Ten post edytował Barcelona 29.07.2010, 20:59:16

Pokaż całość, jak robiłeś.

acha, czyli tabelkę umiejscowić w divie i nadać mu Display:inline-block, przetestuje i wrócę z editem

Poczytałem dzięki. Jednak sposób z divem okazał się trafny i pomógł

Dzięki chłopaki.

Podałem sposób z float bo moim zdaniem jest on mniej problematyczny z racji właśnie IE i jego problemów z display innym niż inline lub block. Moim zdaniem prościej nadać opływanie elementom i na koniec walnąć tylko by następny element po nich miał clear ustawiony, niż kombinować z hackami specjalnie pod IE

Z tego co wiem to IE od v7 już nie ma problemu z inline-block, choć jeśli to element table... Do wyboru, do koloru. Z float to mam nieciekawe wspomnienia gdyż w ten sposób bez dodatkowych elementów ciężko się je np. centrowało, czy np. trzeba było dodawać specjalną regułkę do kontenera żeby uznawał ich istnienie. Ale co kto woli.

@PeHaPowiec działa ale nie mogę robić kolejnych td tylko muszę korzystać z br, więc bedzie to mało eleganckie rozwiązanie.

@everth mam IE w wersji 7.0 i jak zwykle to ustrojstwo robi problemy. Jak zrobiłem inline-block to i tak pokazało mi w pionie, dopiero musiałem z twojego linka skorzystać i tam było lekarstwo na IE ale to i tak papranina wyszła bo musiałem tabele umiejscowić w li i dodatkowo każde td w span - masło maślane. Życie było by łatwiejsze bez IE

@thek mógłbyś zaprezentować jakiś przykład jak by to miało wyglądać?

Już niby działa ale wiem że to jest dobre rozwiązanie.

Pozdrawiam
----------------------------------
EDIT:

Adres strony: http://vikor.eu/index.php?strona=main

Na stronie głównej w "Ostatnio dodane" jest właśnie ta tabelka. Jak pewnie zauważycie jest ona oddalona od lewej krawędzi co psuje wizerunek. Dodatkowo musiałem wykorzystać styl white-space: nowrap; bo łamało mi linie na ostatniej tabelce.

[PHP] pobierz, plaintext 
<div class="nobr">
<ul>
<?
$zapytanie = "SELECT * FROM `ogloszenia` LIMIT 3";
$wykonaj = mysql_query($zapytanie);
while ($rekord = mysql_fetch_array($wykonaj))
				{
				$obrazek = $rekord['obrazek'];
				$data = $rekord['data'];
				$marka = $rekord['marka'];
				$model = $rekord['model'];
echo <<<KONIEC
<li class="test"><span>
 
<table width="200px" class="ogloszenie"><tr><td colspan="2" align="center">
<img src="img/mini/$obrazek.jpg"></td><td></td></tr>
<tr><td class="og">Data:</td><td>$data</td></tr>
<tr><td class="og">Marka:</td><td>$arka</td></tr>
<tr><td class="og">Model:</td><td>$model</td></tr>
</table>
</span></li>
KONIEC;
}
?>
</ul></div>
[PHP] pobierz, plaintext 

[CSS] pobierz, plaintext 
.nobr {white-space: nowrap;} 
.test {display:inline;}
.test span {display:inline-block;}
[CSS] pobierz, plaintext 

Pozdrawiam

Ten post edytował Barcelona 30.07.2010, 20:52:24

@everth Zrobiłem coś w tym właśnie stylu i działa. Tylko znowu mam mały problem estetyczny. W operze ta tabelka z ostatnimi ogłoszeniami jest opuszczona pare mm a w IE tabelka pokrywa się z górnym marginesem fieldset. Wiem że można to zrobić za pomocą margin-top ale jak zwiększe to wtedy w IE się poprawi ale za to w operze się wtedy za nisko opuści
Dlaczego to IE jest takie kłopotliwe

http://vikor.eu/index.php?strona=main

Całe szczęście IE wie że jest ułomne i udostępnia różne sposoby dzięki którym tylko ona widzi pewne wartości CSS. Pierwszy lepszy opis. Dopisz sobie

[CSS] pobierz, plaintext 
* margin-top:costam
[CSS] pobierz, plaintext 

dla IE

Zagniezdzaj tabele w tabeli i mozesz rozwijac jak chcesz.

[HTML] pobierz, plaintext 
<table border="0" valign="top" cellspacing="0" cellpadding="0">
<tr>
     <td  valign="top">
       <table valign="top" border="0" cellspacing="0" cellpadding="0">
<tr>
     <td height="200" width="200" bgcolor="aqua"></td>
</tr>
<tr>
     <td height="200" width="200" bgcolor="red"></td>
</tr>
<tr>
     <td height="200" width="200" bgcolor="green"></td>
</tr>
</table>
     </td>
     <td valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
     <td height="200" width="200" bgcolor="black"></td>
</tr>
<tr>
     <td height="200" width="200" bgcolor="yellow"></td>
</tr>
</table>
     </td>
     <td valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
     <td bgcolor="gray" height="200" width="200" bgcolor="aqua"></td>
</tr>
</table>
     </td>
</tr>
</table>
[HTML] pobierz, plaintext