Testo tag h1 disallineato in dispositivi mobili.

**vhsindvd** · 11-06-2020, 12.57.12

Salve,
c'è un modo per centrare il testo in oggetto in un dispositivo mobile?
Ringrazio

Codice HTML:

<!doctype html>
<html>
 <head>
    <meta charset="UTF-8">
    <meta name="generator" content="AlterVista - Editor HTML"/>
    <meta content="text/html; charset=utf-8" https-equiv="Content-Type"/>
     <title>Convertire cassette VHS in DVD/USB per non perdere la qualità!</title>
      <meta name="description" content="Tutti i filmati registrati in formato VHS o VHS/C  con il passar del tempo sono destinati a perdere qualità. Per conservarli è necessario convertirli in DVD"/>
     <meta name="keywords" content="Conversione, riversamento, cassette VHS/VHS-C, DVD, Monza"/>
    <meta name="google-site-verification" content="BeQqkufJZzBTlTpB7dRo25avFaDn9jpHD1P57nTKogA" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="canonical" href="https://vhsindvd.altervista.org"/>
 <link rel="icon" type="image/x-icon" href="favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="immagini/favicon.ico"/> 
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css">
.aa {
 border: 10px solid blue;
}
</style>
</head>
<body background="immagini/weblink.gif">
<!--script>!function(d,l,e,s,c){e=d.createElement("script");e.
src="//ad.altervista.org/js.ad/size=728X90/?ref="+encodeURIComponent(l.hostname+l.pathname)+"&r="+Date.now();
s=d.scripts;c=d.currentScript||s[s.length-1];c.parentNode.insertBefore(e,c)}(document,location)</script-->
<div style="position:absolute; left:50%; margin-left:-440px; margin-top:-5px;" align="center">
<h1><font color="red">Convertire cassette VHS in DVD/USB per non perdere la qualità!</font></h1></div>
<table width="1270" align="center">
<tbody style="margin-top:88px; display:block;">

https://photos.app.goo.gl/fRbh4dE8dV4cxfTMA

**acsocmel** · 11-06-2020, 13.20.44

ho seguito anche tutta l'altra discussione e avevo il presentimento che saresti finito a parlare di mobile
la soluzione è semplice
devi rifare la pagina
è vecchia e non va bene
non ti spaventare perchè non è difficile e in questo forum troverai tutte le risposte che ti servono, ci sono tante persone gentili e pronte a darti una mano

**vhsindvd** · 11-06-2020, 13.32.10

non ho l'età, non ho l'età...
Pazienza
Grazie

**GraphOGLRisorse** · 11-06-2020, 17.32.50

Salve,
ho rifatto la struttura della sua pagina in versione responsive. Qualche punto magari è un pò ancora da sistemare.

Le lascio qui il codice:test2.html

Prima di sostituirla per fare le prove, salvi il codice in una nuova pagina, così da non compromettere la pagina reale.

Cordiali saluti.

**acsocmel** · 11-06-2020, 17.46.58

hai visto Piero?
pure io ti ho fatto una cosa che assomiglia alla tua pagina ma si comporta un po' diversamente
https://acsocmel.altervista.org/piero.html

**vhsindvd** · 11-06-2020, 19.17.28

@GraphOGLRisorse & @acsocmel

Siete davvero gentilissimi, ma non dovevate disturbarvi…
Proverò con calma, ma non vorrei mettervi in concorrenza.
Per ora ringrazio...

**acsocmel** · 11-06-2020, 20.07.04

beh tranquillo che non sto cercando di vincere un appalto, sono solo un amateur
e poi sono solo un paio di idee su come rifare la pagina, si può fare in tante maniere diverse
la mia viene da una vecchia idea di una decina d'anni fa che non ho mai usato
https://acsocmel.altervista.org/prova/template/07/

**GraphOGLRisorse** · 11-06-2020, 20.57.11

Lo stesso vale per me.

Come ha detto acsocmel, ci sono diverse possibilità e quelli sono solo degli esempi. Se vuole, può anchè fare un misto tra i due. Dipende dalle sue preferenze.

La mia versione dalle pagina, l'ho creata basandomi su una delle pagine che uso come esmpi all'occrenza qui sul forum.

>cordiali saluti.

**vhsindvd** · 11-06-2020, 22.24.31

A prima vista, una è migliore per il PC, e l'altra per il mobile...

**GraphOGLRisorse** · 11-06-2020, 22.46.02

Si, ho avuto anch'io la stessa impressione.

Comunque non è complicato, prendere la parte per il desktop da uno e quella mobile dall'altro. Nell'insieme le parti di entrambi gli esempi, mi sembra che venga un buon risultato.

cordiali saluti.

**acsocmel** · 12-06-2020, 10.46.44

https://acsocmel.altervista.org/piero2.html
questa è un po' diversa

**vhsindvd** · 12-06-2020, 13.10.10

Scusate, ma opto per la seconda, c'è meno da lavorare dato che non uso nessun emulatore.

E' possibile impostare la parte PC, l'allineamento foto come da immagine, con il nuovo codice non riesco a riconoscerle..
Se mi dite come fare le faccio io!
I due pulsanti mail e tel. sono leggermente disallineati verticalmente, mentre sul mobile sono allineati.
Per la parte mobile è possibile ridurre del 20% il riquadro video, e aumentare lo spazio tra le icone a fine pagina in modo che quella fi FB sia completa?
E' corretto che non appaia la toolbar sul mobil?
Scusate ma non vorrei approfittarne della Vs. buona volontà..
Ringrazio e invio cardiali saluti e buona giornata!
DvB.

**acsocmel** · 12-06-2020, 13.25.32

secondo me dovresti aprire una nuova discussione o far cambiare il titolo
siamo andati completamente fuori argomento
dal tag h1 non allineato alla riqualifica della pagina
e poi indicare con un link quello che ti piace
e spiegare con un disegnino quello che vorresti
visto che adesso per fare una pagina si parte dall'idea di "mobile first"

**vhsindvd** · 12-06-2020, 14.00.07

Va bene, mi romperò la testa..o lascio..
Ciao

PS. Scusa mi sono dimenticato l'allegato https://drive.google.com/file/d/1kSy...ew?usp=sharing

Discussione: Testo tag h1 disallineato in dispositivi mobili.

LinkBack

Strumenti discussione

Display

Testo tag h1 disallineato in dispositivi mobili.

Regole di scrittura