Come scrivere due parole ai lati opposti in css?

ghisirds · 12 Gen 2008

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.

__________________
Mai visto idee regalo così? (gift ideas in inglese, geschenkideen in tedesco o idée cadeau in francese)

Matt89 · 13 Gen 2008

io la farei così

Codice:

<html>
<head>
<style type="text/css"> 
.box 
{ 
    float: left;
    border: solid 1px;
    width: 60px;
    margin-right: 50px;  
} 
</style> 
</head> 
<body> 
        <div class="box">indietro</div> 
        <div class="box">avanti</div> 
        <div style="clear: both"></div> 
</body> 
</html>

lukeonweb · 13 Gen 2008

io invece cosi:

<html>
<head>
<style type="text/css">
.indietro, .avanti
{
float: left;
width: 60px;
}
.avanti
{
text-align: right;
}
</style>
</head>
<body>
<div class="indietro">indietro</div>
<div class="avanti">avanti</div>
<div style="clear: both"></div>
</body>
</html>

ghisirds · 13 Gen 2008

E alla fine ho trovato più chiara la soluzione usando i 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 a tutti e due
Ciao

sbobby · 14 Gen 2008

La tua scelta mi sembra davvero la migliore anche perchè con i DIV hai il massimo della stabilità...

www · 16 Gen 2008

Certo, i div.
Ma soprattutto consiglio di tenere i comandi css in un foglio esterno, non "on page", come pure dreamweaver spesso propone.

Comunque la domanda era semplice, ma tutt'altro che inutile in un forum come questo.

Quoto tutti per la disponibilità.

Cerca

Cerca

Come scrivere due parole ai lati opposti in css?

ghisirds

Utente Attivo

Matt89

Utente Attivo

lukeonweb

Utente Attivo

ghisirds

Utente Attivo

sbobby

Utente Attivo

www

Utente Attivo

Discussioni simili