Aangezien ik gister fantatisch geholpen ben, hier de nieuwe uitdaging/vraag.

Is het mogelijk elke row van een sql query anders uit te lijnen

nu heb ik dit
nr | bla | getal | align
------------------------------
1 | bla | 20 | ja
2 | bla | 40 | nee
3 | bla | 60 | ja
4 | bla | 80 | misschien

maar ik wil, afhankelijk van van de waarde in align

Edit. ik kan het niet laten zien hier wat ik wil. maar iig dat elke row rechts, links of center komt

Ik kan een andere TD class meegeven afhankelijk van align. De kleur verandert dan bv wel

<?php
if ($row['align'] == ja) {$NewClass = "JA" ;

<td class = "'.$NewClass.'">

en dan staat in de class:

.JA{
color: black;
width: 100px;
align: right;
background-color: #9FF781;
height: 50px;
text-align: center;
}
?>
Maar het werkt dus niet
G P op 17/12/2014 13:03:33

De "align: right;" is teveel in je class en bestaat zelfs niet


dat merk ik nu.

Maar hoe kan ik het dan oplossen ?
text-align: left|center|right;
vertical-align: top|middle|bottom;
Even voor de duidelijkheid,

De text moet niet align worden maar alle cellen

dat je zo iets krijgt
<?php
01 | ** | ** | **
02 | ** | ** | **
03 | ** | ** | **
04 | ** | ** | **
05 | ** | ** | **
?>

Dit staat even in code omdat hij anders de spaties niet pakt

Toevoeging op 17/12/2014 14:03:32:

Is het eigenlijk uberhaupt wel mogelijk ?
Dan ga je het op een andere manier moeten zoeken.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div {
	display: block;
}
div span {
	color: black;
	display: inline-block;
	height: 50px;
	text-align: center;
	width: 200px;
}
.JA {
	background-color: #c9c;
	text-align: center;
}
.NEEN {
	background-color: #9cc;
	text-align: left;
}
.MISSCHIEN {
	background-color: #c90;
	text-align: right;
}
</style>
</head>
<body>
<div class="JA">
	<span>ID</span>
	<span>Text</span>
	<span>Getal</span>
	<span>Align</span>
</div>
<div class="MISSCHIEN">
	<span>ID</span>
	<span>Text</span>
	<span>Getal</span>
	<span>Align</span>
</div>
<div class="NEEN">
	<span>ID</span>
	<span>Text</span>
	<span>Getal</span>
	<span>Align</span>
</div>
</body>
</html>
hoe fiets ik dat body stuk in mijn code ?

Die is nu

<?php

echo'<table>';

while($row = mysql_fetch_array($result))
{
$PODIUM = $row['PODIUM'];

if ($row['PODIUM'] == 1) {
$NewClass = "JA" ;
} elseif ($row['PODIUM'] == 2) {
$NewClass = "NEE";
} elseif ($row['PODIUM'] == 3) {
$NewClass = "MISSCHIEN";
}


echo'<tr>
<td class = "'.$NewClass.'">'.$row['POSITIE'].'</td>
<td class = "'.$NewClass.'">'.$row['NAAMBAND'].'</td>
echo'</tr>';

}
echo'</table>';
?>

<?php

while($row = mysql_fetch_array($result)){
	if ($row['PODIUM'] == 1){ // Als 1
		$NewClass = 'JA';
	} elseif ($row['PODIUM'] == 2){ // Als 2
		$NewClass = 'NEE';
	} elseif ($row['PODIUM'] == 3){ // Als 3
		$NewClass = 'MISSCHIEN';
	} else { // Als alles anders
		$NewClass = 'ERROR';
	}

	// Echo resultaat
	echo '<div class="'.$NewClass.'"><span>'.$row['POSITIE'].'</span><span>'.$row['NAAMBAND'].'</span></div>';

}

?>
Laat dan je script eens zien want bij mij werkt dit wel
Ben nu op mijn werk, zal het vanavond nog eens proberen en kijken of het werkt, ik laat het resultaat weten
Je wilt volgens mij dus heel wat anders dan text-align binnen een cel. Het duurde even, maar ik geloof dat ik nu begrijp wat je wilt.

Werkt het wel met G P's oplossing als je de display: inline-block; op regel 10 weglaat?


Anders ligt de oplossing misschien in het tonen van een tabel met 12 kolommen (3 x 4).
Voor een linkse rij maak je dan eerst 4 kolommen met data en 8 lege.
Voor een gecentreerde rij maak je eerst 4 lege kolommen en dan 4 met data en weer 4 lege.
En voor een rechtse rij maak je eerst 8 lege kolommen en dan 4 met data.

Reageren