Unofficial WebSite X5
WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: essedi - 06 Gennaio, 2012, 11:20:11
-
In questo sito di prova
http://www.essedi.altervista.org/provacenter/index.html (http://www.essedi.altervista.org/provacenter/index.html)
in Impostazioni Generali, Scheda Esperto, Codice personalizzato per la sezione Head ho inserito:
<style type="text/css">
#testocentrato { border-style: none; font-family: Comic Sans MS, Tahoma, Helvetica, sans-serif; font-size: 14pt; color: #660066; background-color: transparent; text-align: center;}
</style>
In Modifica del Modello, Intestazione ho inserito un oggetto HTML largo 460 px, alto 80 px, con il seguente codice:
<span id="testocentrato">
<script type="text/javascript" language="JavaScript">
Riga1 = "Testo corto"
Riga2 = "Testo lungo Testo lungo Testo lungo Testo lungo "
messaggio = Riga1 + '<br/><br/>' + Riga2
if (document.getElementById)
document.getElementById('testocentrato').innerHTML = messaggio;
</script>
</span>
Vorrei centrare orizzontalmente le due righe di testo nello spazio dell'oggetto HTML
Come posso fare?
PS: il testo delle righe è solo esemplificativo: nell'utilizzo reale esso è variabile, il che spiega l'utilizzo di codice javascript
-
Prova a mettere un div anzichè uno span.
-
Funziona! Grazie mille. Eppure sapevo che span e div si comportavano allo stesso modo.
Grazie ancora.
-
Beh... non proprio ;)
-
Beh... non proprio ;)
Mi riferivo ai parametri dello stile. Non capisco perché gli altri funzionano sia con span che con div, mentre text-align solo con div.
-
Non funziona perchè span è un elemento inline, ed ha come valore di larghezza quella del testo che contiene. Allineare il testo interno ad uno span non ha alcun risultato a video, perchè la larghezza su cui si lavora è la larghezza del testo stesso.
Un div invece è un elemento di blocco, quindi, se non diversamente specificata, assume come larghezza la massima possibile rispetto al suo contenitore. E qui l'allineamento risulta visibile, visto che lo spazio a disposizione è maggiore di quello occupato dal testo.
-
Non funziona perchè span è un elemento inline, ed ha come valore di larghezza quella del testo che contiene. Allineare il testo interno ad uno span non ha alcun risultato a video, perchè la larghezza su cui si lavora è la larghezza del testo stesso.
Un div invece è un elemento di blocco, quindi, se non diversamente specificata, assume come larghezza la massima possibile rispetto al suo contenitore. E qui l'allineamento risulta visibile, visto che lo spazio a disposizione è maggiore di quello occupato dal testo.
Chiarissimo, grazie.
-
Meglio di così non si poteva spiegare! :D