Visualizzazione dei risultati da 1 a 9 su 9

Discussione: (css) sfodo scritta

  1. #1

    (css) sfodo scritta

    Ciao ragazzi... con un foglio di stile esterno posso impostare le dimensioni del colore di sfondo di una scritta ?

    non so... la parola acqua vorrei avesse uno sfondo azzurro di 60 per 80 pixel .... si può?

    E si può anche fare in modo che al passaggio del mouse questo colore di sfondo cambi?!? ...o chiedo troppo?

    Fatemi sapere... GRAZIEEEEE!!!
    Nicholas
    Tutto sul mondo della FINANZA
    CasfiArte

    Don't worry... BE HAPPY!!!

  2. #2
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    alcuni esempi
    h4 { background-image: url(*azzurro.gif*}
    h1 { background-color: #00FFFF }
    p { background-color: #00FFFF }
    inzomma le le proprietà del backround si applino a tutti gli elementi
    ciauz
    paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  3. #3
    Utente di HTML.it L'avatar di Sonikag
    Registrato dal
    Mar 2004
    Messaggi
    2,080
    Se il foglio stile è esterno o interno non cambia!

  4. #4
    Sì, ho capito...

    ma posso impostare l'altezza del colore di sfondo?
    o devo ricorrere perforza ad una gif?

    Grazie...
    Nicholas
    Tutto sul mondo della FINANZA
    CasfiArte

    Don't worry... BE HAPPY!!!

  5. #5
    Originariamente inviato da niklaspezia
    Sì, ho capito...

    ma posso impostare l'altezza del colore di sfondo?
    o devo ricorrere perforza ad una gif?

    Grazie...
    il colore di sfondo prende tutta l'area dell'elemento e non c'è modo di limitarla indipendentemente da questa, poi in casi particolari si può inventare qualcosa ma nulla di ortodosso, mi riferisco a usare tipo un elemento in position absolute impostato con quel colore e dimensione da agganciare e posizionare alla scritta e cose del genere.

    Per il cambio di colore, si può fare solo su link, ie supporta l'hover solo lì, purtroppo, altrimenti si risolverebbero cose ben più interessanti, quindi senza link occorre javascript.
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  6. #6
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    Originariamente inviato da niklaspezia
    Sì, ho capito...

    ma posso impostare l'altezza del colore di sfondo?
    o devo ricorrere perforza ad una gif?
    si puo' guarda sto esempio, ma non ti garantisco la precisione dei vari browser

    h4 {
    background-color : #f4e072;
    font-weight : bold;
    font-size : 36px;
    color : black;
    text-align : left;
    border : 1px solid black;
    font-family : "Trebuchet MS", Arial, Helvetica;
    margin-left : 10px;
    margin-right : 10px;
    padding-top : 10px;
    padding-bottom : 10px;
    padding-right : 25px;
    padding-left : 25px;
    display : inline;
    }
    -->
    </style>
    </head>

    <body>
    <h4>prova</h4>sssssssssssssss

    </body>
    </html>

    ciauz paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  7. #7
    non mi pare che questo codice faccia cambiare l'altezza del colore di sfondo che mi sembra occupare tutto l'elemento (come del resto sembra logico)

  8. #8
    devi impostare il line-height per il testo..


    es.

    .testo{
    background: quello ke vuoi;
    line-height: x;
    }

    e nella pagina magari con uno span o quello ke vuoi

    <span class="testo">acqua</span>

    per x si intende l'altezza naturalmente... la puoi impostare come vuoi.. con tutte le unità di misura ke ti mettono a disposizione i css


    by AnTr86

    ..:: AUDAX ::..

  9. #9

    geniale..

    GRazie mille... ora proverò e ti farò sapere...

    geniali sti css!!!

    CSS: C'è Sempre (una) Soluzione !!! :gren:

    Grazie a tutti cmq!

    Nicholas
    Tutto sul mondo della FINANZA
    CasfiArte

    Don't worry... BE HAPPY!!!

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.