Wikipedia:Bar/Discussioni/Immagini a capo con certi template

Vorrei segnalare che con i template "Membro delle istituzioni europee" e/o "Membro delle istituzioni italiane" le immagini vengono poste sotto, o comunque in posizione differente da dove inserita. Vedi Matteo Salvini (ho fatto delle prove non salvate su altre voci). --Viscontino ^scrivimi 17:03, 9 dic 2013 (CET)

È un problema di alcuni template (ad esempio i "campagnabox", o almeno una volta lo facevano), che non "accettano" immagini sopra o a fianco e le spostano sotto, bene e spesso sovrapponendole al testo. Non so da cosa dipenda il problema, però.--MidBi 17:27, 9 dic 2013 (CET)

Ad una rapida indagine (molto rapida: prendetela a non più del 70% di accuratezza :-) ) il problema non sembra essere tanto di specifici template in quanto tali: data una qualsiasi sequenza di template sinottici che creano dei box flottanti allineati a destra, l'immagine (flottante a sinistra) ne salterà sempre "n-1", accettando di accostarsi dall'altro lato della pagina solo all'ultimo.

Potrebbe dipendere (condizionale d'obbligo: non ho più tanta pratica con i CSS) dall'esatta definizione della classe CSS "sinottico" associata alle tabelle (nel senso proprio degli elementi HTML "table") create da quei template, ma al momento non ho tempo per approfondire ulteriormente. -- Rojelio (dimmi tutto) 17:45, 9 dic 2013 (CET)

Succede anche con l'onnipresente template Divisione amministrativa, manda sotto le immagini posizionate a destra (quelle a sinistra non hanno problemi). A volte ho trovato conveniente inserire il {{template:Dx}}.--Pạtạpuf 18:41, 11 dic 2013 (CET)

Se n'era già parlato in Wikipedia:Richieste tecniche#posizione immagini. Sembra essere il comportamento normale dei blocchi con quella configurazione di float e clear; non ho verificato le specifiche, ma l'ho riscontrato praticamente provando su più browser. Nel cassetto una esemplificazione visiva e una possibile soluzione.

Esempio e soluzione

Può essere visto meglio in /Esempi.

Cosa succede

Dopo una serie di

<block-tag style="clear: right; float: right;" />

dei successivi

<block-tag style="clear: left; float: left;" />

il primo si allinea con l'ultimo dei precedenti e gli altri seguono sotto.

Avviene simmetricamente invertendo i due gruppi.

clear: right;
float: right;

clear: right;
float: right;

clear: right;
float: right;

clear: left;
float: left;

clear: left;
float: left;

clear: left;
float: left;

Una possibile soluzione

Raccogliere il primo gruppo di tag all'interno di una div con gli stessi clear e float.

clear: right;
float: right;

clear: right;
float: right;

clear: right;
float: right;

clear: right;
float: right;

clear: left;
float: left;

clear: left;
float: left;

clear: left;
float: left;

-- Codicorumus  « msg 20:54, 12 dic 2013 (CET)

┌────────────────────────────────────────────────────────────────────────────────────────────────────┘Codicorumus, questo problema nasce da un'aggiornamento dell'html o di MediaWiki o di cosa? (scusa se la domanda dovesse risultare stupida ma non sono un "iniziato") --Ppong (msg) 11:14, 19 dic 2013 (CET)

Sicuramente riguarda unicamente l'html. Non saprei dire se sia recente o meno. Ma, considerata l'uniformità tra browser, sono propenso a pensare che sia il comportamento standard di float + clear ab initio. Probabilmente sembra nuova a causa della rarità della configurazione e dell'improbabilità di notarla. -- Codicorumus  « msg 18:21, 19 dic 2013 (CET)

Il problema è risolubilissimo con un html standard valido per tutti i browser. Infatti questo codice:

<div style="float:right">
<div>Block A</div>
<div>Block B</div>
</div>
<div style="float:left">Immagine</div>

viene reso in questo modo:

---

Block A

Block B

Immagine

---

che è proprio il risultato desiderato. --L736E^{l'adminalcolico} 12:24, 2 mag 2014 (CEST)