Problème CSS background

Version imprimable

26/11/2011, 20h01
nazarzar

Problème CSS background

Bonsoir à tous,

je fais appel à vos compétences car j'ai un léger problème.
Je veux mettre une image en fond sur mon site internet, la syntaxe est bonne, l'image est dans le bon dossier, mais rien ne s'affiche.
J'ai conscience que c'est un problème récurrent, j'ai donc épluché les forums, mais personne n'a réellement le même problème.

Je m'explique, quand j'inspecte le code de ma page sur internet, l'image est bien présente mais elle n'est pas visible... JE comprend plus rien...

Voilà mon site en espérant que vous puissiez m'aider, et je vous en serai très reconnaissant...

Merci d'avance pour votre aide!:D

http://www.nassim-azarzar.com
26/11/2011, 20h15
nazarzar

re

Ah oui et en fait dans google chrome quand je vois l'image grâce à inspection de l'élément, la ligne est barrée d'un trait, qu'est ce que cela signifie?

Bien à vous.
26/11/2011, 20h23
Rachel

bonsoir :)
en regardant les sources de ton site, on voit que le css est à l'adresse http://nassim-azarzar.com/site/wp-co...olio/style.css et l'image à /images/fond.jpg .
est-ce bien cette image ? :)
si c'est elle, dans ton css ce doit être :

Code:

background:url('./images/fond.jpg')

n'oublie pas le point, il signifie que tu te situe dans le même dossier que ton css. oublier le point fait qu'il recherche le fichier à http://nassim-azarzar.com/images/fond.jpg
26/11/2011, 21h26
nazarzar

@rotrevrep

J'ai bien essayé tes modifications, mais rien ne change! je comprend pas pourquoi une manip aussi simple ne fonctionne pas..:(
Merci pour ta réponse rapide!
26/11/2011, 22h30
omar344

tu as mis une image en arrière plan et puis tu la rend transparente, je pense que tu dois en lever ce morceau de code

Code:

background: transparent;
26/11/2011, 22h42
nazarzar

malheureusement ça ne fonctionne pas...
27/11/2011, 00h05
nazarzar

En fait l'image est belle et bien là, je viens de remarquer quand descendant dans la page on a un bou qui apparaît. donc je crois qu'en fait sa taille est transformée et que c'est pour ça qu'on ne la voit pas . Avez vous une idée du coup?
Merci encore pour vos réponses.:ccool:
27/11/2011, 00h13
nazarzar

exemple : en bas de page http://nassim-azarzar.com/?page_id=270#1 8O

tu as défini deux images de fond pour body :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
html, body/*...*/ {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-size: 97%;
	vertical-align: baseline;
	background:url("./images/fond2.jpg"); //ligne 31
    background: transparent;
	text-decoration: none;
 
}

Code:

1
2
3
4
5
6
7
8
9
body {
	font-family: 'helvetica neue',helvetica, arial,sans-serif;
	background:url("./images/fond.jpg"); //ligne 328
    font-size: .9em;
	color: #555555;
	text-align: left;
	line-height: 0.9em;
	margin: 40px 0 0 40px;
}

27/11/2011, 11h58
nazarzar

Merci! tu as raison c'était ça! mon image doit être dans la deuxième section body, et il fallait la réduire un peu et maintenant cest ok!
Je vous remercie tous beaucoup!
Y a t'il un endroit ou je dois spécifier que ce forum est clos? :aie: