Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
[CSS] Creare una cornice tramite un'immagine in background
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
Stemby
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 29/07/08 23:55
Messaggi: 78
Residenza: Missaglia (LC)

MessaggioInviato: 19 Apr 2009 22:55    Oggetto: [CSS] Creare una cornice tramite un'immagine in background Rispondi citando

Buonasera,
sono alquanto niubbo coi CSS, per cui non ridete... sto imparando...

Ho bisogno di creare un box di testo con tutt'attorno una cornice formata dai primi 10 pixel dai lati di un'immagine di sfondo; in altre parole voglio ottenere un bordo colorato, ma invece di avere un unico colore uniforme (l'unica cosa che si può fare direttamente coi CSS, se non erro) voglio i colori presi da un'immagine.

Questo è il meglio che sono riuscito a fare:
Codice:

#motto {
   width: 250px;
   background-image: url("images/background.png");
}

#motto p {
   width: 210px;
   padding: 10px;
   background-color: #ffffff;
/*   margin-top: 10px; */
   margin-left: 10px;
}


Così ottengo due strisce accanto al testo, ma sopra e sotto è tutto bianco; come faccio a far comparire i bordi in alto e in basso?

Ovviamente accetto con gusto qualunque suggerimento anche per migliorare la qualità delle poche righe che ho postato Very Happy

Grazie fin d'ora.
Top
Profilo Invia messaggio privato
Stemby
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 29/07/08 23:55
Messaggi: 78
Residenza: Missaglia (LC)

MessaggioInviato: 20 Apr 2009 00:59    Oggetto: Rispondi

Forse ho trovato ciò che mi serve.

Adesso studio e provo.


[EDIT]
Ce l'ho fatta.

Ecco il codice che funziona:
Codice:

#motto {
   width: 230px;
   padding: 10px;
   background-image: url("images/background.png");
}

#motto p {
   width: 210px;
   background-color: #ffffff;
   margin: 0;
   padding: 0 10px 10px;
}


Ci sono arrivato un po' per tentativi, non l'ho capito proprio benissimo, ma ora sono troppo fuso per analizzarlo con calma.

Notte!
[/EDIT]
Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi