Come scrivere due parole ai lati opposti in css?

Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    byte
    Registrato
    Jul 2007
    Età
    43
    Messaggi
    121

    Predefinito Come scrivere due parole ai lati opposti in css?

    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 di ghisirds : 29-07-2014 a 12:56

  2. #2
    Aborigeno WEB L'avatar di TheMic
    Registrato
    May 2003
    Località
    Avezzano (AQ)
    Età
    38
    Messaggi
    4,989

    Predefinito

    ciao...
    mi ero "perso" questa discussione... non so se hai già risolto, comunque ti dico la mia.

    ti conviene fare un BOX contenitore ad esempio con una DIV...e poi al suo interno mettere due BOX in modalità FLOAT. (così almeno eviti l'uso della tabella per queste cose.)

    una cosa del tipo:

    codice html:
    codice HTML:
    <div id="box_avantiindietro">
    	<div id="box_indietro"><< INDIETRO</div>
    	<div id="box_avanti">AVANTI >></div>
    </div>
    codice css:
    codice HTML:
    #box_avantiindietro {
    	margin:0px;
    	padding:0px;
    	width:100%;
    	float:left;
    	clear:both;
    	font:normal 12px Arial, Helvetica, sans-serif;
    	color:#000000;
    	white-space:nowrap;
    	text-align:center;
    }
    #box_indietro {
    	margin:0px 5px 0px 0px;
    	padding:0px;
    	border-right:1px solid #000000;
    	width:49%;
    	float:left;
    	font:bold 12px Arial, Helvetica, sans-serif;
    	color:#000000;
    	text-align:left;
    }
    #box_avanti {
    	margin:0px 0px 0px 5px;
    	padding:0px;
    	border-left:1px solid #000000;
    	width:49%;
    	float:left;
    	font:bold 12px Arial, Helvetica, sans-serif;
    	color:#000000;
    	text-align:right;
    }
    ZAO


  3. #3
    byte
    Registrato
    Jul 2007
    Età
    43
    Messaggi
    121

    Predefinito

    E infatti avevo già risolto, ma proprio nella maniera che mi hai indicato tu!
    grazie
    ciao

  4. #4
    Aborigeno WEB L'avatar di TheMic
    Registrato
    May 2003
    Località
    Avezzano (AQ)
    Età
    38
    Messaggi
    4,989

    Predefinito

    Originariamente inviato da ghisirds
    E infatti avevo già risolto, ma proprio nella maniera che mi hai indicato tu!
    grazie
    ciao
    Meglio così allora!


    ciao


Informazioni Thread

Users Browsing this Thread

Ci sono attualmente 1 utenti che stanno visualizzando questa discussione. (0 utenti e 1 ospiti)

Discussioni simili

  1. Risposte: 4
    Ultimo messaggio: 15-01-2010, 13:35
  2. Orthos vs. Memtest86+ (risultati opposti)
    By Carneo in forum -= RAM =-
    Risposte: 2
    Ultimo messaggio: 20-06-2008, 22:22
  3. Due parole sulle console
    By VloDaK in forum -= Console: giochi, novità e giochi on-line! =-
    Risposte: 6
    Ultimo messaggio: 18-05-2002, 00:37
  4. ARRRRRGGGGHHHHH NON HO NIENTE DA SCRIVERE.....
    By Pait in forum -= Insanity !!! =-
    Risposte: 173
    Ultimo messaggio: 07-04-2001, 10:07

Tags

Regole d'invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
nexthardware.com - © 2002-2018

Search Engine Optimization by vBSEO 3.6.1