Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2013
    Messaggi
    11

    Scrivere testo su immagine

    Buonasera,
    sto realizzando un sito partendo da 0 per la prima volta e purtroppo mi sono trovato a fronteggiare un problema fastidioso, ovvero dovrei scrivere più testo su un'immagine: sarebbe un bottone 60x60 px sul quale ci andrebbe scritto centralmente un numero (rappresentante il giorno) e sotto, in maniera più piccola, il mese. Ho impostato l'immagine come background e sono riuscito a centrarla (tenete conto che si tratta di una cella di una tabella), ma nel momento in cui metto il testo, la cella sfora la lungheza impostata e non riesco a centrare i due testi come vorrei... Come potrei fare?
    Vi ringrazio in anticipo per l'aiuto!

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Puoi usare i contenitori invece che le tabelle.
    A parte questo non so dirti altro perché non ho visto il codice, ne un link alla pagina.
    Per una bella risata vai QUI

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2013
    Messaggi
    11
    Quote Originariamente inviata da Nobody33 Visualizza il messaggio
    Puoi usare i contenitori invece che le tabelle.
    A parte questo non so dirti altro perché non ho visto il codice, ne un link alla pagina.
    Ti ringrazio per la risposta! Ho provato a fare come dici tu e la situazione è leggermente migliorata, anche se non esce ancora il risultato desiderato... Comunque questo è il codice interessato:

    codice:
    <table width="72%" cellspacing="0">
        <tr>
            <td rowspan="3" bgcolor="#b3a6be" width="2%"></td>
            <td width="5%" class="c1"><div class="b1"><p class="giorno">11</p></div><div class="b2"><p class="mese">dicembre</p></div></td>
            <td width="33%" bgcolor="#ada0b7">Testo Testo</td>
            <td width="5%" class="c1"></td>
            <td width="33%" bgcolor="#ada0b7">Table Cell</td>
        </tr>
    codice:
    td.c1 {
    background-image: url('bottone.png');
    background-color: #ada0b7;
    background-repeat:no-repeat;
    background-position:center;
    height: 70px;
    }
    
    .b1 {
    margin: 0px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    }
    
    .b2 {
    margin: 0px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    display: block;
    }
    
    p.giorno {
    text-align: center;
    color: #eaa65a;
    font-size:25px;
    }
    
    p.mese {
    text-align: center;
    color: #eaa65a;
    font-size:12px;
    }
    Mentre il link alla pagina è questo. Grazie

  4. #4
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    QUI t'ho fatto un esempio.
    Lo vedi in alto a sinistra.
    Spero che è questo che volevi.


    Per una bella risata vai QUI

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2013
    Messaggi
    11
    Ti ringrazio, ho risolto!

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 © 2025 vBulletin Solutions, Inc. All rights reserved.