Come scrivere due parole ai lati opposti in css?

G

ghisirds

Utente Attivo
4 Mag 2007
227
0
16
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)
 
Ultima modifica:
Matt89

Matt89

Utente Attivo
4 Feb 2006
50
1
8
Vicenza
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

lukeonweb

Utente Attivo
5 Mar 2003
5.175
13
38
46
Napoli
www.lucaruggiero.it
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>
 
G

ghisirds

Utente Attivo
4 Mag 2007
227
0
16
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

sbobby

Utente Attivo
26 Gen 2006
791
0
0
Roma
La tua scelta mi sembra davvero la migliore anche perchè con i DIV hai il massimo della stabilità...
 
W

www

Utente Attivo
24 Dic 2007
60
0
0
Roma
www.seoguru.it
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à.
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
J Scrivere in due JPanel Java 1
N Scrivere in un DIV in base alle scelte fatte in due select Javascript 5
S Oggetto: Come Scrivere una e-mail su due cm quadrati di spazio ! ? ! Posta Elettronica 2
D Miglior modo per estrarre le occorrenze di un elemento in un set di più file xml e quindi scrivere il risultato in una tabella Excel o magari in JSON XML 0
F Scrivere dei dati in word con php PHP 0
E Scrivere una data corrente in un pdf PHP 1
R [C#] Scrivere un post in grassetto con Selenium su FB Mobile .NET Framework 0
N Scrivere su file PDF PHP 4
P textbox- scrivere tutto su una sola riga anche se si va a capo .NET Framework 2
alexice51 proggrammi per scrivere in javascript? Javascript 3
Cosina [PHP] Scrivere dati in un div specifico PHP 3
Drago73 [Java] leggere/scrivere txt server Java 0
C [PHP] Scrivere testo su immagine PHP 3
C [PHP] scrivere o aggiornare record in tabella PHP 7
spider81man Scrivere su file .txt da form php PHP 2
napuleone scrivere in un file <?php $variabile PHP 1
B Scrivere in una casella di testo una variabile PHP PHP 9
B [PHP] Scrivere risposta multipla in database PHP 1
B PHP e JQUERY per scrivere codice html dinamicamente PHP 2
crealatualista Scrivere in un file php aperto dal codice php! PHP 7
P [HTML] scrivere il titolo di una pagina nella pagina stessa, si può? HTML e CSS 3
Y scrivere file in ascii PHP 1
S Come inserire file in database Mysql senza scrivere codice PHP? PHP 0
A Scrivere da pagina .php su altra pagina .html PHP 4
V Array da scrivere PHP 2
L Scrivere valori nel campo INPUT TEXT a seconda della SELECT Javascript 0
E scrivere nome immagine su db PHP 2
M Come scrivere CSS da un template in Photoshop(.PSD)? HTML e CSS 5
I scrivere solo il percorso (e nome file) di un file allegato (type="file") PHP 1
E Cercare un valore e scrivere tutta la riga txt che lo contiene PHP 15
filippino Link per scrivere un'email HTML e CSS 1
S Far scrivere un testo ad un utente registrato..... PHP 3
L Come far commentare/scrivere agli altri utenti?? Windows e Software 10
A Java: Scrivere su un file senza sovrascriverlo Java 1
S richiesta permessi per scrivere nelle sezioni Supporto Mr.Webmaster 0
S scrivere e-mail in html Posta Elettronica 6
criric Effetto macchina da scrivere Snippet Javascript 0
P Scrivere delle matrici su file csv PHP 2
4 in asp si puo scrivere così? Classic ASP 1
M Scrivere contenuto variabile su txt PHP 3
M Script per scrivere la data su vari file immagine PHP 12
N Scrivere in campo nascosto Javascript 1
IImanuII Scrivere su un file php PHP 7
maxbossi [LEGGERE] Perchè NON ho il permesso di scrivere in questa sezione? Presenta il tuo Sito 0
B Scrivere articolo con joomla Joomla 2
D Scrivere un'espressione condizionale in Access Visual Basic 0
M MyReviews.it se ami scrivere Presenta il tuo Sito 8
V Effetto macchina da scrivere Javascript 3
F scrivere con le variabili php su dreamweaver PHP 3
T Scrivere il contenuto di un database in un file di testo PHP 2

Discussioni simili

Alto Basso