Jump to content
php.lv forumi

kolonnas ar css un php.


eregi

Recommended Posts

A, jau vairākas reizes bilžu dalīšanai kolonnās esmu izmantojus šādu pasākumu -

echo "<table>";
		$SQL=mysql_query("SELECT * ...");


		$i = 3;
		while($row = mysql_fetch_array($SQL)){
		if($i % 3 == 0)
			{
				echo "<tr><td><a href='".DOC_URL."video/".$row['Id']."'><img src='http://thumbs/".$row['Name']."-1.jpg' width='120px' height='72px'></a>";
			}
			elseif($i % 3 == 1)
			{
				echo "<a href='".DOC_URL."video/".$row['Id']."'><img src='http://thumbs/".$row['Name']."-1.jpg' width='120px' height='72px'></a>";
			}
			elseif($i % 3 == 2)
			{
				echo "<a href='".DOC_URL."video/".$row['Id']."'><img src='http://thumbs/".$row['Name']."-1.jpg' width='120px' height='72px'></a></td></tr>";

			}
			$i++;

 

bet tagad vajag izmantojot php & divus, itkā doma bija tādi pati kā ar tabulām tik sabāzt divus, uztaisīt vienu divu, ķip 'line', kurš būtu ar noteiktu width un, kurā ietilptu katras rindas 3 objekti, un iekš katras rindas, katram objektam savu divu, ķip 'object', kuri būt float: left; tādejādi visi kārtotos vienā rindā. Tā itkā rezultātu nepilnvērtīgi panācu, bet ja pēkšņi no mysql izvada kādu vairāk, vai mazāk ierakstu, tad uzreiz pazūd </div> tags, kurš noslēdz rindu, tādejādi izčakarē visu lapu.

 

Lūgums tāds, vai kāds nevarētu kaut ko ieteikt,lai panāktu vēlamo efektu ? :)

Link to comment
Share on other sites

Es darīju kaut kā šitā (man vēl klīri arī bija):

 

<?php foreach() { ?>
<?php if ($i % 3 == 0) { echo $i == 0 ? '<div class="item_row">':'<div class="clear"></div></div><div class="item_row">'; } ?>

<?php echo $i == ($kopeejais_ierakstu_skaits - 1) ? '<div class="clear"></div></div>' : '';  ?>
<?php } ?>

 

Varbūt nav pats ideālākais, bet strādā.

Link to comment
Share on other sites

bet ja pēkšņi no mysql izvada kādu vairāk, vai mazāk ierakstu, tad uzreiz pazūd </div> tags, kurš noslēdz rindu, tādejādi izčakarē visu lapu.

 

Šeit ir tava kļūda... Ja tu izmanto DIV:float, tad vairs nekādi x%3 nav vajadzīg... jo rindas pašas sadalīsies. Līdz ar to papildus DIV-a izmantošana nav nnepieciešama.

 

<div>
<div class="img">....</div>
<div class="img">....</div>
<div class="img">....</div>
<div class="img">....</div>
<div class="img">....</div>
<div class="img">....</div>
<div class="img">....</div>
<div class="img">....</div>
</div>

Link to comment
Share on other sites

×
×
  • Create New...