Perchè cambia l'impostazione dopo la pubblicazione?

**hobbyeidee** · 01-03-2022, 19.44.08

Ciao gruppo non ci sto capendo più nulla, pensavo fosse il mio codice errato, quindi ho deciso di creare un piccolo blocco html per test e da lo stesso problema
in pratica se clicco su anteprima del blocco html vedo tutto corretto, lo vedo identico anche al simulatore che uso; se poi pubblico la pagina invece sballa l'impostazione e mi trovo il label del button radio sotto.

Non ne sto più venendo fuori non capisco cosa sbaglio
Ecco il link della pagina https://hobbyeidee.altervista.org/1541-2/

Vi allego il codice prova

Grazie per l'aiuto

Codice HTML:

<!DOCTYPE html>
<html>
<body>

<h1>Prova scelta radio</h1>

<form>
  <p>selezionare un'opzione</p>
* <input type="radio" id="1" name="prova" value="1">
* <label for="1">1</label><br>
* <input type="radio" id="2" name="prova" value="2">
* <label for="2">2</label><br>
* <input type="radio" id="3" name="prova" value="3">
* <label for="3">3</label>
</form>

</body>
</html>

**frasidipace** · 01-03-2022, 20.13.47

Salve,
è il tema in uso che fa quello scherzo. Con altri temi, infatti, funziona. Ecco perché in anteprima lo visualizza correttamente.
Ora bisognerebbe capire con gli sviluppatori perché avviene ciò.
In contingency può scrivere lo script in questo modo:

Codice HTML:

<!DOCTYPE html>
<html>
<body>

<h1>Prova scelta radio</h1>

<form>
  <p>selezionare un'opzione</p>
* <input type="radio" id="1" name="prova" value="1"> 1<br>

* <input type="radio" id="2" name="prova" value="2"> 2<br>

* <input type="radio" id="3" name="prova" value="3"> 3<br>

</form>

</body>
</html>

Saluti

**alemoppo** · 01-03-2022, 20.14.11

Sul tema Wordpress hai una regola CSS (in particolare nel file typography.css) che definisce:

Codice:

label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

In particolare, l'effetto cui lamenti è dato dal display:block. Sovrascrivi (ad esempio con style="") quella regola CSS, e dovrebbe comportarsi come ti aspetti.

Ciao!

**frasidipace** · 01-03-2022, 20.24.33

Originalmente inviato da alemoppo

Sul tema Wordpress hai una regola CSS (in particolare nel file typography.css) che definisce:

Codice:

label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

In particolare, l'effetto cui lamenti è dato dal display:block. Sovrascrivi (ad esempio con style="") quella regola CSS, e dovrebbe comportarsi come ti aspetti.

Ciao!

Infatti dovrebbe funzionare così:

Codice:

label {
	display: contents;
}

Quella regola comunque è propria del tema Foodica.

Ciao

**hobbyeidee** · 02-03-2022, 18.44.43

Salve, scusate se disturbo ancora.

Originalmente inviato da frasidipace

Salve,
è il tema in uso che fa quello scherzo. Con altri temi, infatti, funziona. Ecco perché in anteprima lo visualizza correttamente.
Ora bisognerebbe capire con gli sviluppatori perché avviene ciò.
In contingency può scrivere lo script in questo modo:

Codice HTML:

<!DOCTYPE html>
<html>
<body>

<h1>Prova scelta radio</h1>

<form>
  <p>selezionare un'opzione</p>
* <input type="radio" id="1" name="prova" value="1"> 1<br>

* <input type="radio" id="2" name="prova" value="2"> 2<br>

* <input type="radio" id="3" name="prova" value="3"> 3<br>

</form>

</body>
</html>

Saluti

contingency sarebbe un altro tema oppure cosa?

Originalmente inviato da alemoppo

Sul tema Wordpress hai una regola CSS (in particolare nel file typography.css) che definisce:

Codice:

label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

In particolare, l'effetto cui lamenti è dato dal display:block. Sovrascrivi (ad esempio con style="") quella regola CSS, e dovrebbe comportarsi come ti aspetti.

Ciao!

Come faccio a modificare questa regola?
Non ho idea su che impostazioni andare
Ho provato ad inserire il comando label{display: contents;} nel mio codice html ed ho risolto :)
Però ho ancor altri problemi, vi allego il link della pagina in cui ho i problemi sotto ci sono sempre le foto di come lo vedo in anteprima e come lo vedo postato, il problema è l'altezza, a questo punto penso sia sempre un problema del font(?), c'è modo di modificare anche questo solo nel mio codice html inserendo un codice come mi avete consigliato prima?

ecco il link della pagina: https://hobbyeidee.altervista.org/1455-2/

Grazie ancora :)

**alemoppo** · 02-03-2022, 20.16.30

Utilizza gli strumenti per sviluppatori: normalmente è F12, poi con lo strumento di ispezione (primo tasto in alto a sinistra) puoi selezionare gli elementi e visualizzare le varie regole CSS (ad esempio, per chrome vedi qui).

Potrai anche modificare "al volo" i parametri per vedere come sarebbe l'effetto.

p.s: la corrente in "MA" non è tollerabile! "mA" va scritto con la "m" minuscola.

Ciao!

**frasidipace** · 03-03-2022, 01.01.40

Originalmente inviato da hobbyeidee

contingency sarebbe un altro tema oppure cosa?

No, voleva significare "in attesa di capire quale sia il parametro del tema che genera quel modo di visualizzare, può fare così..."

Originalmente inviato da hobbyeidee

Ho provato ad inserire il comando label{display: contents;} nel mio codice html ed ho risolto :)

Sì, è quello che avevo suggerito.

Originalmente inviato da hobbyeidee

Però ho ancor altri problemi, vi allego il link della pagina in cui ho i problemi sotto ci sono sempre le foto di come lo vedo in anteprima e come lo vedo postato, il problema è l'altezza, a questo punto penso sia sempre un problema del font(?), c'è modo di modificare anche questo solo nel mio codice html inserendo un codice come mi avete consigliato prima?

Nella class .va modifichi il width, ad es. a 70px, ed inserisca un heigth, ad es. di 20px.

Saluti

**hobbyeidee** · 03-03-2022, 17.11.52

Grazie ragazzi, sto risolvendo piano piano grazie ai vostri consigli :)
Sto usando la strumento ispezione per capire il problema.

Riguardo al simbolo mA, si lo so non si può leggere scritto in quel modo ma mi piaceva il carattere maiuscoletto, effettivamente lo toglierò per avere il simbolo mA scritto correttamente ;)

Discussione: Perchè cambia l'impostazione dopo la pubblicazione?

LinkBack

Strumenti discussione

Display

Perchè cambia l'impostazione dopo la pubblicazione?

Regole di scrittura