Jump to content


PHP/CSS vraagje voor de nerds.


Con

Recommended Posts

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)

image.png.3853f1a83d0c4fde91883c9bd04cc46c.png

 

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?

 

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: router KPN Box 12 en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10 en Home Assistant, 10 Shelly's en 2 ESP-tjes.

Link to comment
Share on other sites


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

 

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

moet worden

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

Pli op DM800, VU+ DUO  en DM8000 met 4xDVB-S2, Wave Frontier T90

Link to comment
Share on other sites

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 . '"/>';
}
?>    

 

Edited by Con

Groet, Con. Gloeiende, gloeiende, een beetje humor moet kunnen, anders ga je maar ergens anders heen..
Sinds maart 2021 glasvezel via KPN.

Internet/PC: router KPN Box 12 en TP-Link accesspoint, switch (8), switch (4)

Intel Nuc i7 met W10 en Home Assistant, 10 Shelly's en 2 ESP-tjes.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Lees alvorens je verder gaat onze Terms of Use en Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.