Re: [solved] domanda molto soft (HTML)
On Thu, 27 Feb 2020, Federico Di Gregorio wrote:
On 2/27/20 12:13 AM, Leonardo Boselli wrote:
mi trovo a dovere fare una specie di tabella dove per ogni riga ha uno o
due parole da visualizzare.
Dove è l'inghippo ?
che queste due parole (che potrebbero anche essere uno solo o 3) debbono
essere messe in un punto preciso della riga ( al 2, 4 , 6 ...96, 98% ) e
essere cliccabili.
Mostra come usare il posizionamento "absolute" per mettere dei blocchi di
testo dove vuoi.
L'unico dettaglio che richiede una spiegazione è il "transform" che ho messo
sulla parola posizionata al 20%. Non ci hai detto se la percentuale la
calcoli da sinistra o dal centro del box, quindi ho fatto entrambe le cose e
quel "transform" serve ad allineare al centro del box (normalmente "left"
porta il lato sinistro alla percentuale indicata). Gli altri box hanno il
lato sinistro a 50% e 80%
ecco la soluzione che ho trovato:
<h1>Test Calendario</h1>
<p>Data
<span style="position: absolute; left: 28vw;">| 07:00</span>
<span style="position: absolute; left: 36vw;">| 09:00</span>
<span style="position: absolute; left: 44vw;">| 11:00</span>
<span style="position: absolute; left: 52vw;">| 13:00</span>
<span style="position: absolute; left: 60vw;">| 15:00</span>
<span style="position: absolute; left: 68vw;">| 17:00</span>
<span style="position: absolute; left: 76vw;">| 19:00</span>
<span style="position: absolute; left: 83.8vw;">|</span>
</p>
<br>Lun 04 Mar 2020
<span style="position: absolute; left: 27.8vw;">|</span>
<span style="position: absolute; left: 35.8vw;">|</span>
<span style="position: absolute; left: 43.8vw;">|</span>
<span style="position: absolute; left: 51.8vw;">|</span>
<span style="position: absolute; left: 59.8vw;">|</span>
<span style="position: absolute; left: 67.8vw;">|</span>
<span style="position: absolute; left: 75.8vw;">|</span>
<span style="position: absolute; left: 83.8vw;">|</span>
<span style="position: absolute; left: 36vw; width: 16vw;border: 2px solid
#73AD21;">Tommaso</span>
<span style="position: absolute; left: 56vw;width: 8vw;border: 2px solid
#73AD21;">Giusto</span>
</br>
--
Leonardo Boselli
Dipartimento Ingegneria Civile e Ambientale UNIFI
tel +39 0552758808 +39 3488605348
Reply to: