Ierakstu sadalīšana lapā pa <td> elementiem

[Grey_Wolf]

Sasa -_> tev DIV elementi seko viens ZEM otra nevis vairaki blakus

Bildes novietot blakam nav liela maksla

tavs kods :

<span class="categoryTitle">Laminētas KSP</span>
<div id="1" class="materialContainer">
<a class="matrlImg" href="/index.aspx?mat=28" title="Alumīnijs F8582">
<img style="border-width: 0px;" alt="Alumīnijs F8582" src="img/matrl/m/F8582.jpg" title="Alumīnijs F8582"/>
</a>
<a class="matrlImg" href="/index.aspx?mat=36" title="Bērzs Dabīgs R3023">
<img style="border-width: 0px;" alt="Bērzs Dabīgs R3023" src="img/matrl/m/R3023.jpg" title="Bērzs Dabīgs R3023"/>
</a>
</div>
<span class="categoryTitle">Galda virsmas 28mm</span>
<div id="6" class="materialContainer">
</div>
<span class="categoryTitle">ABS 2mm</span>
<div id="13" class="materialContainer">
</div>
<span class="categoryTitle">HPL</span>
<div id="4" class="materialContainer">
</div>
<span class="categoryTitle">Galda virsmas 38mm</span>
<div id="7" class="materialContainer">
</div>

un pasaki KURA SHAJA KODA DIVI NOVIETOTI BLAKAM ??

Edited December 16, 2009 by Grey_Wolf

[Sasa]

jā nav, bet es nezinu vai atoram tās būs bildes vai kas cits.

 

bet te ir div'os salikts http://www.quadrex.lv/products/28/

Edited December 16, 2009 by Sasa

[Grey_Wolf]

Sasa --> tas ka vari paradiit UZGENERETU HTML vel nenozime ka pats to esi veidojis,

un ka tas BUS VIEGLAK uzrakstams nekaa ar table ..

taa kaa Raadi vien PHP piemeru ...

piedevam kadelj tad uzreiz Netsaucies uz lapu kur tas ir normali salikts??

Bet paradiji piemeru Kursh nestraadaa???

--

Piedevam NAV svarigi kada informacija buus, bet gan ideja ka izvietot DIV elementus blakus, taa lai Kods buutu Vieglak izveidojams nekaa ari table ..

---

Soreiz nav runa par to vai taas ir labak/sligtak bet gan par Tavu apgalvojumu ka ar DIV ir Vieglak sho realizeet..

Edited December 16, 2009 by Grey_Wolf

[xPtv45z]

Un kas tad tur sarežģītāks? Tabulai jāuztraucas, kad likt un nelikt tr tagus, bet divus tik liec un viņi paši izkārtosies blakus, ja satilps. Protams, ar attiecīgu css.

Ja negribi, lai sašaurinot logu, tie izkārtojas pa vienam rindā, tad norādi min-width divam, kas iekļauj pārējos. Tabulai tu tik vienkārši nesataisīsi, lai pieliek jaunu td, ja logs ir daudz lielāks.

[Grey_Wolf]

Protams, ar attiecīgu css.

Ja negribi, lai sašaurinot logu, tie izkārtojas pa vienam rindā, tad norādi min-width divam, kas iekļauj pārējos.

min-width --> nestrada korekti uz visiem Brauzeriem ...

ar to arii izteikts viss...

--

piedevam paliek aktuals jautajums par dazadiem augstumiem, ja katram elementam ir dazaads datu daudzums,

kaa arii jautajums par Vertikalu centresanu ...

---

Par staipiigiem dizaniem jau piemineju, ka ar Table tas ir sarezgiiti, bet arii ar DIV , nav vienkarshi, jo MAX un MIN nestrada UZ visiem brauzeriem ( versijam), tabl. sadu problemu nav..

--

Shoreiz striids ir par to ka PHP kods buus vienkarsaks ar table nekaa ar DIV, nevis kas ir labak/pareizak ...

[xPtv45z]

php kods būs vienkāršāks ar div. :) Tabulām jau ir 3+6*$tdCount darbības vairāk nekā diviem. Vēl, ja ņem vērā, ka pēdējie td var būt tukši, tādēļ jāpārbauda, vai tur ir dati ko izdrukāt, līdz ar to, tur ir vēl pāris papildus darbības.

#div
echo '<div>';
for($i=0;$i<$count;$i++){
echo '<div>'.$data.'</div>';
}
echo '</div>';

#vai tabulas
echo '<table>';
$tdCount=ceil($count/4)*4;#lai td būtu vienādā skaitā katrā rindā
for($i=0;$i<$tdCount;$i++){
if($i%4==0){echo '<tr>';}
echo '<td>'.$data.'</td>';
if($i%4==3){echo '</tr>';}
}
echo '</table>';

[Grey_Wolf]

xPtv45z --> Tavs kods genere visus DIV kollona uz leju, nevis NOTEIKTU skaitu blakam, un tad nakamos zemak ..

taa kaa UZDEVUMS paliek atklats..

[xPtv45z]

Jā, tad tev piekrītu. Pielikt ciklā esošajiem div style="float:left;" visu n-reizes sarežģī. Tabulas FTW!

[Grey_Wolf]

Pielikt ciklā esošajiem div style="float:left;" visu n-reizes sarežģī.

un ne tikikai to , bet arii parkontrolet vai FLOT:left ja nebaidzs == </td> +...+</tr>

Par ko arii shis stasts..

Edited December 17, 2009 by Grey_Wolf

[2easy]

my 2 cents...

 

<?php
define('PROD_CNT', 8);

// preces iekš div
$s = '';
for ($i = 0; $i < PROD_CNT; $i++) $s .= '<div class="prod">' . ($i + 1) . '. prece</div>';
$sDiv = 'div<div id="prod-wrap">' . $s . '</div>';

// preces iekš table
$s = '';
for ($i = 0; $i < PROD_CNT; $i++) {
if ($i % 3 == 0) $s .= '<tr>';
$s .= '<td><div class="prod">' . ($i + 1) . '. prece</div></td>';
if ($i % 3 == 2) $s .= '</tr>';
}
if ($i % 3) $s .= '</tr>';
$sTbl = 'table<table cellpadding="0" cellspacing="0" border="0">' . $s . '</table>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>test</title>
<style type="text/css">

#prod-wrap {width: 309px; overflow: hidden}
#prod-wrap .prod {float: left}
.prod {background: #fafafa; border: 1px solid silver; width: 80px; height: 40px; padding: 10px; margin: 0 1px 1px 0}

</style>
</head><body>

<?= $sDiv . $sTbl ?>

</body></html>

 

vizuāli identiski - 100% pixel precise (pārbaudīju uz ie6,ie7,ie8,ff,opera,safari,chrome)

es viennozīmīgi taisītu ar div, jo man patīk lightweight stils: mazāk php, mazāk html

css ftw :P

[Sasa]

Bet paradiji piemeru Kursh nestraadaa???

 

tas par tām bildēm kur viena otrai blakām? doma bij ka tām bildēm bija jābūt divos laikam pagaidām nav vēlāk būs, lai var kaut kādu tekstiņu apakšā pielikt :)