Jump to content
php.lv forumi

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


senters
 Share

Recommended Posts

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 by Grey_Wolf
Link to comment
Share on other sites

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 by Grey_Wolf
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 ...

Link to comment
Share on other sites

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>';

Link to comment
Share on other sites

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>

prod_1261064712.png

 

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...