Gestire parole agli opposti in css nella stessa riga html

Mateo · 01-12-2008, 12:20 PM

Salve,
ho un facile problema che presenta molte possibili soluzioni e volevo valutare qual'era la più indicata.

Il problema è mettere in una stessa riga di testo due parole, per esempio possiamo immaginare avanti e indietro.

Indietro deve stare sulla sinistra della riga con un margine sinistro di 50 e avanti deve invece stare a destra con un margine destro di 50.

L'una deve essere indipendente dall'altra, cioè se io cancello la parola indietro, la parola avanti non deve subire variazioni.

Immagino ci siano diverse possibilità per fare questo, fra DIV, span e tabelle... ma qual'è la soluzione più semplice e leggera, magari preferendo il css e che sia compatibile con tutti i browser?

Grazie a tutti.

islamica · 01-12-2008, 02:05 PM

La soluzione migliore credo che sia fare un div e all'interno metterci altri due div o due span. Un esempio potrebbe essere questo:

Il codice CSS:

codice:

.riga{
width: 300px;

}
.sinistra{
text-align: left;
float: left;
margin-left: 50px;
}
.destra{
text-align: left;
float: right;
margin-right: 50px;
}

E questo il codice html:

codice:

<div class="riga">
<span class="destra">avanti</span>
<span class="sinistra">indietro</span>
</div>

Ciao

Mateo · 01-12-2008, 03:28 PM

Alla fine ho trovato più chiara la soluzione dei div con dentro altri div:

Questo l'html:

codice:

<div id="indietro">indietro</div>
<div id="avanti">avanti</div>

E qui il css:

codice:

#indietro {
	float: left;
	margin-left: 50px;
}

#avanti {
	float: right;
	margin-right: 50px;
}

Semplice e funzionale.

Grazie e ciao

Strumenti della discussione
Visualizza la versione stampabile Invia questa pagina tramite email
Modalità di visualizzazione
Modalità lineare Passa al modo ibrido Passa alla modalità elencata

Discussioni simili
Discussione	Ha iniziato questa discussione	Forum	Risposte	Ultimo messaggio
Esame Trinity a parole limitate	Randy	Inglese	0	10-18-2009 03:19 PM
Macro Excel che esegua una somma numeri nella stessa cella	PIPPO1	Informatica	3	07-26-2008 07:12 PM
Cerca valore nella riga Excel e restituisce ok se lo trova	Raffaello	Informatica	1	07-24-2008 07:10 PM
Come gestire i contatti nella rubrica Thunderbird?	Media	Informatica	2	11-27-2007 08:49 AM
Estrarre i risultati di Google per determinate parole chiave	Scuola	Informatica	3	07-21-2007 04:48 PM

Menu

Gestire parole agli opposti in css nella stessa riga html