Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Testo e immagine sulla stessa linea.

    Nel footer del mio sito compare una linea di testo e una immagine. Questo è il codice del foglio di stile:

    #footer {
    clear: both;
    background: #dad0b7 url('immagini/bg/bg_footer.gif') repeat-x 0 0;
    border-top: 3px solid #dad0b7;
    border-bottom: 1px solid #c8bb9c
    }
    #footer p {
    font-size: 90%;
    line-height: 2.2em;
    margin: 0;
    padding: 8px 0px 8px 15px;
    color: #7E7156;
    }

    .imgright {
    float: right;
    display: block;
    padding: 0 10px 10px 10px;
    margin: 0;
    }

    e questo è il risultato (vedi immagine allegata).

    Come faccio mettere sia testo che immagine ssulla stessa linea?

    Grazie 1000
    Immagini allegate Immagini allegate

  2. #2
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    codice:
    CSS 
    #footer p{height: 2.2em; background-color: #CCC; border: 1px dotted #696969; }
    #footer p{margin:0; padding: 5px; font-size: 120%; }
    #footer p.left{float: left; }
    #footer p.right{float: right; } 
    
    HTML 
    <div id="footer">
    	<p class="left">Testo testo testo</p>
    	<p class="right">immagine</p>
    </div>
    oppure se non devono essere allineati a dx e sx:
    codice:
    CSS 
    #footer {height: 2.2em; background-color: #CCC; border: 1px dotted #696969; }
    #footer div{margin:0; padding: 5px; font-size: 120%; }
    #footer div{float: left; }
    
    HTML 
    <div id="footer">
    	<div>Testo testo testo</div>   <== può essere anche 
    
     invece di <div>
    	<div>immagine</div>
    </div>
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  3. #3

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.