Problema di immagine ripetuta nonostante messo no-repeat [RISOLTO]

[enricoonofri]

Ho inserito una immagine di sfondo ma ho il problema che questa si ripete.
Come fare per capire il perchè?


Questo è il codice:

body {
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   line-height: 18px;
   background-image: url("/templates/protostar/images/mare.jpg");
        background-position: center;
   background-repeat: no-repeat;
}


Questo il link del sito  www.articolazione-temporomandibolare.info

[giusebos]

background: #333333 url("/templates/protostar/images/mare.jpg") no-repeat;

[enricoonofri]

Quel #333333 cos'è?

[giusebos]

è il colore che ha sotto l'immagine

[enricoonofri]

No ma il colore non mi interessa, era di default. Vorrei far vedere solo la foto di sfondo.
Ho messo il codice




body {
   margin: 0;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
   line-height: 18px;
    background: url("/templates/protostar/images/mare.jpg"); no-repeat;
   
}


Ma continua a ripetersi l'immagine!

[tomtomeight]

Però se metti un immagine che occupa metà schermo se no si ripete restera vuoto a destra.

[giusebos]

a me risulta che hai questo codice

background: rgba(0, 0, 0, 0) url("/templates/protostar/images/mare.jpg") repeat scroll 0 0;

quindi la regola dice "repeat", ovvero ripeti.

però, se nel tuo intento è quello di inserire una immagine che si adatti allo schermo quel codice non va bene.

P.S.

se usi qualche tipo di framework disabilita la cache altrimenti rischi di risolvere verso natale (circa 123 giorni e 48 ore)

[enricoonofri]

No non uso un framework al momento! grazie del consiglio sulla cache.
Comunque quello che vedi tu riguarda il banner per i cookies.


<div class="cookie_banner" style="................


e li nello style c'è anche il riferimento che dici tu riguardo a REPEAT


Credo faccia parte del <div/>  riguardante il banner dei cookies e non del body background dove è posizionata la mia foto.


Al di la delle chiacchiere, qual'è il codice che dovrei mettere per inserire una immagine che si adatti allo schermo?

[giusebos]

Comunque quello che vedi tu riguarda il banner per i cookies.

?!?!?!?!?!?!!?

so esattamente cosa guardo.

Dovresti iniziare ad impare ad usare firebug, strumento che ti consente di analizzare e di inserire del codice css al volo (temporaneo) per testare il risultato.

Al di la delle chiacchiere, qual'è il codice che dovrei mettere per inserire una immagine che si adatti allo schermo?

Scusa mica dipende da chi ti sta aiutando, tu hai fatto una domanda ed io ho risposto, poi se ho capito cosa volevi fare è perchè ho un pò di esperienza, ma vorrei evitare di fare un interrogatorio per conoscere le tue intenzioni .

Inserire una immagine che si adatti allo schermo, anzi agli schermi, è una di quelle domande poste molte volte, mi chiedo perchè ogni volta prima di aprire un post non usate il tasto cerca?

queste due possibili soluzioni:

http://forum.joomla.it/index.php/topic,178021.0.html
http://forum.joomla.it/index.php/topic,247905.0.html

qui addirittura si parla di uno sfondo su protostar con un sistema un pò ricercato, ma è anch'essa una soluzione
http://forum.joomla.it/index.php/topic,190271.new/topicseen.html#new

poi qui

http://forum.joomla.it/index.php?topic=253342.0

una discussione aperta da te e senza aver inserito risolto nonostante le soluzioni suggerite fossero valide?!?!
ma non capisco che differenza c'è fra questa [discussione] e quella?
il fatto che lavori su 2 template differenti non ne cambia il metodo, nemmeno se nell'altra discussione lavoravi con un framework come gantry.

La questione dello sfondo è molto semplice da risolvere, all'epoca dei css2 potevi inserire uno sfondo come hai fatto tu, ma l'immagine si sarebbe affiancata nel caso fosse stata più piccola del monitor, ma si poteva ovviare usando del codice js che ne avrebbe adattato le dimensioni.

Con l'avvento dei css3 sono stati resi disponibili regole specifiche che fanno si che non solo le immagini si adattino allo schermo, ma anche che non si distorgono, adattandosi a seconda dei casi in altezza o in larghezza senza usare nessun file js di supporto, pratica perfetta se uno sta lavorando con un template responsive.

Quindi quando mi chiedi che vorresti mettere uno sfondo alla pagina in realta non mi dici niente di tutte le altre tue esigenze.

in questa pagina ci sono varie esempi realizzati con tecniche diverse per inserire uno sfondo che si adatti al monitor

non inserisco il link a risorse esterne perchè è una pratica non gradita al forum, ma puoi trovare l'articolo scrivendo su google:
Perfect Full Page Background Image

[enricoonofri]

Ti ringrazio per le delucidazioni! Bisogna avere pazienza con le nuove leve.
Io per ora posso metterci solo passione in quello che faccio.
E cerco di ascoltare voi tutti.
Buon lavoro e grazie ancora!