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

    Problema con un "div" che manda a capo il testo

    Salve a tutti, ho un problema che non riesco a risolvere...vi posto innanzitutto il codice....

    <div id="box">
    <div id="scheda">
    <div id="text_scheda">
    <div id="titoli_mini">appartamento <?php echo $mq; ?> MQ <div id="orange"><?php echo $stato_app; ?></div> in zona <?php echo $localita;?></div>
    .
    .
    .
    .
    </div>
    </div>
    </div>

    ....e i relativi css...


    #titoli_mini{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
    margin: 5px auto;
    text-align:center;
    }
    #scheda{
    margin:0 0 0 80px;
    height: 500px;
    width:800px;
    background-image:url(../img/scheda.jpg);
    background-repeat:no-repeat;
    }
    #box{
    margin-top: 5px;
    min-height: 600px;
    text-align:center;
    }
    #text_scheda
    {
    font-weight:600;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    padding-top: 30px;
    padding-right: 90px;
    }
    #orange
    {
    text-shadow: 1px 1px 2px #000;
    font-weight:bold;
    color:#F60;
    }



    ...in pratica all'interno del div "titoli_mini" c'è una frase e in questa frase una parola è colorata di arancione tramite il div "orange"...il mio problema è che la parola in arancione oltre a colorarsi va anche a capo..e non capisco perchè!...qualcuno sa darmi una spiegazione o cmq una soluzione per fare in modo che quella parola rimanga in linea con il resto della frase...grazie 100000!!!!!

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Perché un div è un elemento blocco, che genera un a capo, è come se tu inserissi un nuovo paragrafo e perciò il testo si dispone su una nuova riga. Sostituisci al div uno span

  3. #3
    perfetto...non conoscevo questa differenza..grazie!!!

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.