+ Rispondi al messaggio
Pagina 1 di 2 12 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13

CSS - Verifica background-image

  1. #1
    UGoldrake non è in linea Scolaretto
    Post
    375
    Like Inviati  
    0
    Like Ricevuti  
    0
    Ciao a tutti, scusate se son sempre qui, ma so che qui qualche consiglio lo trovo sempre.
    Uso sia Edge che Chrome (aggiornato).
    Stavolta vorrei chiedervi se in questo codice trovate qualche errore particolarmente nelle Righe 1 e 2:
    		.card0{	float: left;
    		width: 70%;
    		top: 0;
    		padding: 10px 0px;
            	margin: 10px;
    		border-radius: 10px;
    
    RIGA 1		background-color: antiquewhite;
    
    RIGA 2		background-image: url(images/SfondoNatale3.png);
    		background-size: contain;
    
    		box-shadow: 6px 11px 23px 0px #50301B;}
    
    Si tratta di un div fatto così:
    	<div class="card0">... altri DIV qui dentro con immagini e scritte varie ...</div>
    
    Il problema sta nel fatto che mentre il codice riguardante il colore (RIGA 1) funziona, facendomi vedere il il div colorato in antiquewhite, il codice relativo all'immagine (RIGA 2) non mi mostra l'immagine, ho provato ad inserirla negli apici '...', nelle virgolette "..." e pure senza niente.
    Ovviamente per farli lavorare come si deve commento quello che non uso, non li faccio lavorare entrambi.
    La cosa buffa è che andando in debug con F12, se si dice così con il CSS, riesco a caricare l'immagine.
    Diamo per buona la path dell'immagine, naturalmente.

    Ho provato anche a caricarlo in questo modo:
    div.card0{...}
    
    Sinceramente non so bene la differenza tra "div.card0" e ".card0", tranne forse il fatto che si prendono tutte le card0 inserite o meno in un div, ma tutte le mie ".card0" sono dentro dei div, quindi non dovrebbe esserci differenza nel mio caso.

    La mia idea è che a Natale mi fai vedere uno sfondo natalizio, finito Natale rimetto antiquewhite, semplicemente commentando la RIGA 1 piuttosto che RIGA 2.

    Grazie ancora una volta
    Ugo

  2. #2
    L'avatar di Brontolo
    Brontolo non è in linea Very Important Person
    Post
    3,134
    Like Inviati  
    5
    Like Ricevuti  
    5
    Ciao. Come "commenti" l'una o l'altra riga?
    ℹ️ Leggi di più su Brontolo ...

  3. #3
    L'avatar di Master85
    Master85 non è in linea Moderatore Globale Ultimo blog: Eclipse: Un IDE per PHP e Python
    Post
    4,902
    Blogs
    9
    Like Inviati  
    55
    Like Ricevuti  
    31
    Ciao UGoldrake,

    a prima vista non vedo nulla di sbagliato nel CSS che hai condiviso. Ho caricato il tuo codice di esempio qui https://jsfiddle.net/acrhq6w2/1/ e come puoi vedere, lo sfondo viene visualizzato correttamente. Forse questo strano comportamento e' dovuto ad altro che hai nel CSS?

    Riguardo a questo codice:

    div.card0{...}
    
    In genere si usa quando si vuole limitare lo stile solo a un particolare elemento della pagina, in questo caso al "div".

    Significa che se crei un elemento diverso da div, e assegni la class "card0", lo stile non verra' assegnato:

    <span class="card0">Ciao</span>
    

  4. #4
    L'avatar di _alka_
    _alka_ non è in linea Very Important Person
    Post
    1,397
    Like Inviati  
    0
    Like Ricevuti  
    20
    Quote Originariamente inviato da UGoldrake Visualizza il messaggio
    Il problema sta nel fatto che mentre il codice riguardante il colore (RIGA 1) funziona, facendomi vedere il il div colorato in antiquewhite, il codice relativo all'immagine (RIGA 2) non mi mostra l'immagine, ho provato ad inserirla negli apici '...', nelle virgolette "..." e pure senza niente.
    Ma il path dell'immagine è realmente quello corretto?
    Prova a indicare uno schemino dell'alberatura delle risorse del tuo sito, giusto per sicurezza.
    ℹ️ Leggi di più su _alka_ ...

  5. #5
    WebDev non è in linea Novello
    Post
    1
    Like Inviati  
    0
    Like Ricevuti  
    0
    Ciao, secondo me c'è un errore sul path del file immagine. Considera che richiami l'immagine su un css, e spesso considerate le usuali posizioni dei file, il path da vita a situazioni strane.

  6. #6
    UGoldrake non è in linea Scolaretto
    Post
    375
    Like Inviati  
    0
    Like Ricevuti  
    0
    Grazie a tutti delle risposte.
    La path è corretta, anche le maiuscole sono al posto giusto.
    L'unico dubbio a questo punto sono la virgolette o gli apici, ma se Master85 dice che va bene così allora ok.
    Sto controllando tutto il resto del CSS come da suggerimento, spero di trovare il baco in fretta.
    Grazie
    Ugo

  7. #7
    L'avatar di _alka_
    _alka_ non è in linea Very Important Person
    Post
    1,397
    Like Inviati  
    0
    Like Ricevuti  
    20
    Quote Originariamente inviato da UGoldrake Visualizza il messaggio
    La path è corretta, anche le maiuscole sono al posto giusto.
    Come hai fatto a determinarlo?
    ℹ️ Leggi di più su _alka_ ...

  8. #8
    UGoldrake non è in linea Scolaretto
    Post
    375
    Like Inviati  
    0
    Like Ricevuti  
    0
    Quote Originariamente inviato da _alka_ Visualizza il messaggio
    Come hai fatto a determinarlo?
    Non capisco la domanda...

    Cioè se il file si trova nella cartella images/ e si chiama SfondoNatale3.png, mi pare chiaro che non possa essere altro che images/SfondoNatale3.png non potrà essere mai alcunché d'altro.
    Ugo

  9. #9
    L'avatar di _alka_
    _alka_ non è in linea Very Important Person
    Post
    1,397
    Like Inviati  
    0
    Like Ricevuti  
    20
    Quote Originariamente inviato da UGoldrake Visualizza il messaggio
    Cioè se il file si trova nella cartella images/ e si chiama SfondoNatale3.png, mi pare chiaro che non possa essere altro che images/SfondoNatale3.png non potrà essere mai alcunché d'altro.
    Essendo un path relativo, dipenderà dalla posizione del file CSS, quindi potrà benissimo essere altro.

    Per questo ti avevo chiesto l'alberatura, ma non sono stato preso in considerazione.
    ℹ️ Leggi di più su _alka_ ...

  10. #10
    UGoldrake non è in linea Scolaretto
    Post
    375
    Like Inviati  
    0
    Like Ricevuti  
    0
    Nome:   albero.gif
Visite:  17
Grandezza:  5.7 KB
    Ecco qui l'albero.
    Ovviamente il file index.html è sulla root.
    Ugo

+ Rispondi al messaggio
Pagina 1 di 2 12 ultimoultimo

Potrebbero interessarti anche ...

  1. Applicazione in background
    Da damio nel forum Visual Basic .Net
    Risposte: 2
    Ultimo Post: 27-12-2009, 20:46
  2. [CSS]Background
    Da fabrizio23 nel forum HTML, CSS e JavaScript
    Risposte: 10
    Ultimo Post: 04-12-2008, 10:59
  3. Programma in background
    Da Valx2 nel forum Visual Basic 6
    Risposte: 8
    Ultimo Post: 10-12-2005, 00:59
  4. Esecuzione VB in Background
    Da raffaela nel forum Microsoft Word
    Risposte: 8
    Ultimo Post: 20-10-2005, 13:48
  5. op. in background
    Da galui nel forum Visual Basic 6
    Risposte: 3
    Ultimo Post: 07-12-2004, 19:04