PHP.EE FOORUM   
Nimi:   Pass:   Mäleta mind! 
   Teemad | php.ee esilehele | registreeri | Märgi kõik teemad loetuks | #php.ee Skype vestlus | RSS
UUS TEEMA  OTSI  Lehekülgi: 1
Kuvamine järgmisesse kasti
Postitaja: Villu234 2015-08-12 16:42:37
Kuidas panna nii echo-ma, et iga erineva rea echo-ks erinevasse kasti.

Näiteks uudised: Iga uus uudis ilmuks eraldi kasti (kodulehel), aga hetkel lisab kõik pealkirjad ja sisud samasse kasti.

Kood:

<?php
$KohaQuery = mysql_query('SELECT * FROM Uudised ORDER BY ID');
while($KohaRows = mysql_fetch_assoc($KohaQuery)){ $KohaEcho1[] = $KohaRows; }
?>

<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
<strong><?php
foreach($KohaEcho1 AS $Koharow1){
echo ' <tr>
<td>'.$Koharow1['Pealkiri'].'</td>';}
?></strong>
</h2>
<hr>
<p><?php
foreach($KohaEcho1 AS $Koharow1){
echo ' <tr>
<td>'.$Koharow1['Sisu'].'</td>';}
?></p>
</div>
</div>
</div>

RE: Kuvamine järgmisesse kasti
Postitaja: ohhhhhh 2015-08-12 23:49:26
<kallis inimene, kas sa html/css spetsifikatsioone oled ikka lugenud, kui mitte siis soovitan.
vaata mis sul lõpptulemusena v'lja kujuneb:
midagi taolist

<div class="row">
<div class="box">
<div class="col-lg-12">
<hr>
<h2 class="intro-text text-center">
<strong> <tr>
<td>Pealkiri text 1</td> <tr>
<td>Pealkiri text 2</td> <tr>
<td>Pealkiri text 3</td> <tr>
</strong>
</h2>
<hr>
<p> <tr>
<td>Sisu text 1</td> <tr>
<td>Sisu text 2</td> <tr>
<td>Sisu text 3</td> <tr>
</p>
</div>
</div>
</div>

------------
strong - tähendab aga teksti
tr - on tabeli rida
td - on tabeli lahtel
p - paragraf,
seega ei saa olla tr ilma table'ta ja seda enam strong'i või p'i sees, sama asi kehtib ka h1,...h6 kohta, kuigi need on block'd.
------------------
kui sa tabelit tahad, siis kasuta kas tabel'i või siis: div, mis on display:table, mille sees on display:table-row, ja selle sees on display:table-cell
--------------
et tulemus oleks selline:

<div class="box">
<table>
<tr>
<th>Pealkiri text 1</th>
<th>Pealkiri text 2</th>
<th>Pealkiri text 3</th>
</tr>
<tr>
<td>Sisu text 1</td>
<td>Sisu text 2</td>
<td>Sisu text 3</td>
</tr>
<table>
</div>

sa vajad näiteks sellist asja

<div class="box">
<table>
<?php
echo ' <tr>' ;
foreach($KohaEcho1 AS $Koharow1){
echo '
<th>'.$Koharow1['Pealkiri'].'</th>';
}
echo '
</tr>
<tr>';
foreach($KohaEcho1 AS $Koharow1){
echo '
<td>'.$Koharow1['Sisu'].'</td>';}
echo '
</tr>
';
?>
<table>
</div>

või siis table, tr, th, td asemel kasuta:
.table {
display: table;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
border:1px solid #ddd;
padding: 10px;
}
.head .cell {
border-bottom:1px double #444444;
text-allign:center;
}

siis lõppkood on selline:
<div class="box">
<div class="table">
<p class="row head">
<span class="cell">Pealkiri text 1</span>
<span class="cell">Pealkiri text 2</span>
<span class="cell">Pealkiri text 3</span>
</p>
<p class="row">
<span class="cell">Sisu text 1</span>
<span class="cell">Sisu text 2</span>
<span class="cell">Sisu text 3</span>
</p>
<div>
</div>

loe vähemalt seda http://www.w3.org/TR/2014/REC-html5-20141028/ ja seda http://www.w3.org/Style/Examples/011/firstcss

Leheküljed: 1

©2002-2013 Martin Rebane & PHP.ee kaasautorid
  0.0805418491364