PHP/CSS vraagje voor de nerds.

[Con]

Ik heb een stukje script om een temperatuurschaal te maken en het volgende werkt;

<div id="rec1"/>
<div id="rec2" style="margin-left: 72.2px;/>
<div id="rec2" style="margin-left: 72.2px;/>
<div id="rec2" style="margin-left: 72.2px;/>
<div id="rec2" style="margin-left: 72.2px;/>

En de CCS is;

#rec1{
    top: 0px;
    float: left;
    margin-left: 8px;
    margin-top: -48px;    
    width:1px;
    height:50px;
    background: blue;
#rec2{
    top: 0px;
    float: left;
    margin-top: 0px;    
    width:1px;
    height:50px;
    background: blue;
}

Je krijgt dan het volgende resultaat (als voorgaande in een table is opgenomen)

 

Omdat dit de hele graden zijn moeten er ook halve en tiende graden inkomen.

Dit wil ik met een loop doen;

<?php
$helegraden="72.2px;";
for ($x = 1; $x <= 3; $x++) {
echo '<div id="rec2"></div>'; echo '<style=margin-left:' . $helegraden . '">';
}
?>

Alleen werkt dat niet. Als ik hard de 72.2px erin zet lukt het maar wanneer ik dePHP variabele

toepas is de lay-out niet goed. Wie kent de juiste syntax hiervoor?

 

[mati]

Vergeet je geen " in echo '<style=margin-left:' . $helegraden . '">';

 

echo '<style=margin-left:' . $helegraden . '">';

moet worden

echo '<style="margin-left:' . $helegraden . '">';

[Con]

Sorry voor mijn late reactie, het is gelukt. tnx.

 

Het is geworden;

<?php
for ($x = 1; $x <= 4; $x++) {
echo '<div class="rec2" style="margin-left:' . $helegraden . '"/>';
}
?>    

 

10 november 2017 aangepast door Con