Ciao a tutti,
ho scritto una pagina HTML per creare una mappa e sovrapporre i valori meteo delle mie centraline. Ho però un problema di posizionamento del dato su smart phone (visualizzazione in verticale). Se la visualizzazione in orizzontale è corretta ed allineata ad IPad e IMac, la visualizzazione in verticale sposta e decentra il valore rispetto alla posizione delle centralina sulla mappa.
ecco il codice che ho scritto
<html>
<head>
<style>
.container {
position: relative;
}
.topleft {
position: static;
top: 0px;
left: 30px;
font-size: 18px;
}
img {
width: 100%;
height: auto;
opacity: 0.3;
}
</style>
</head>
<body>
<h2>Image Text</h2>
<p>Add some text to an image in the top left corner:</p>
<div class="container">
<img src="http://www.luinometeo.net/dati/mappa/sfondo.JPG" alt="" width="1000" height="300">
<div class="topleft"><?php
$percorso_file = (');
$file = fopen($percorso_file,rb);
$riga = fread($file,1024);
$valore1 = explode(" ",$riga);
fclose($file);
?>
<?php echo $valore1[4]?>
</div>
</div>
</body>
</html>
Ecco la pagina del mio sito gestito con Word Press ed il plugin CODE SNIPPETS per il codice HTML :
https://luinometeo.net/mappa/
Vi ringrazio anticipatamente per l'aiuto.
Simone
Rispondi quotando
Originariamente inviata da KillerWorm
