Il y a actuellement 474 visiteurs
Vendredi 05 Décembre 2025
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

HTML/CSS [résolu]

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

HTML/CSS [résolu]

Message le 26 Nov 2011 00:20

Bonjour,

Je ne parviens pas à afficher une image de fond, mon navigateur ne l'affiche pas.
Et puis il y a aussi des symboles qui remplace les espaces dans mes url. Comment puis-je les supprimer ?

Merci
CSS --> http://s3.noelshack.com/uploads/images/16125767991927_css.jpg
HTML-->http://s3.noelshack.com/uploads/images/4645314092133_html.jpg
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 


Message le 26 Nov 2011 00:26

Bonsoir,

tes chemins sont tous faux, ils pointent sur ton disque dur en direct.

Ton site est en ligne ou pas ?
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: HTML/CSS

Message le 26 Nov 2011 00:29

Non
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 

Message le 26 Nov 2011 00:40

Ok, donc tu es en phase de test si je comprends bien.

Tu vas créer un dossier intitulé "images" dans ton répertoire "Site web".

Modifie ton CSS comme ceci :

Code: Tout sélectionner
body {
background-image:url(images/template.jpg);
}


Attention au mot "template.jpg", ne mets pas de majuscule. Donc modifie aussi le nom de ton image en conséquence.

De même, ne mets pas d'espace dans tes noms de fichiers/dossiers ou remplace cet espace par un underscore.

Exemple avec le répertoire "Site web" qui deviendra :

siteweb

ou

site_web

Tu me dis lorsque tu as fini et on passe au HTML.

P.S. : ferme ton bloc-notes (notepad) avant de modifier le nom de tes dossiers.
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: HTML/CSS

Message le 26 Nov 2011 01:03

Voilà c'est fait.
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 

Message le 26 Nov 2011 01:05

Ok, donc pour ta page en html, tu remplaces cette ligne :

Code: Tout sélectionner
<link rel="stylesheet"href="/Users/Ophelie/Desktop/Site%20web/Style2.css" />


Par celle-ci :
Code: Tout sélectionner
<link href="style2.css" rel="stylesheet" type="text/css" />


Là encore, ne mets pas de majuscule à "style2.css".

Tu dois donc renommer ton fichier aussi.

Il ne reste plus qu'à tester ;).
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: HTML/CSS

Message le 26 Nov 2011 01:12

Non ça ne fonctionne toujours pas.
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 

Message le 26 Nov 2011 01:14

Fais-moi un copier/coller de tes codes en entier sous forme de texte ici ;).
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: HTML/CSS

Message le 26 Nov 2011 01:16

<!DOCTYPE html>
<html>
<head>
<!-- En-tête de la page -->
<meta charset="utf-8" />
<link href="style2.css" rel="stylesheet" type="text/css" />
<title>Accueil</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Corps de la page -->
</body>
<footer>
<!-- Placez ici le contenu du pied de page -->
</footer>
</html>



body {background-image:file:///C:/Users/Ophelie/Desktop/Site_web/Images/template.jpg('images/template.jpg');}
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 

Message le 26 Nov 2011 01:21

Chez moi ça fonctionne.

Tu as sans doute oublié de modifier ton CSS, puisque tu écris à la fin de ton message :

Xillis a écrit:body {background-image:file:///C:/Users/Ophelie/Desktop/Site_web/Images/template.jpg('images/template.jpg');}


Sinon, tes fichiers "index.html" et "style2.css" sont bien dans ton dossier "Site_web" ?
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: HTML/CSS

Message le 26 Nov 2011 01:24

Oui
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 

Re:

Message le 26 Nov 2011 01:27

D'accord, donc remplace dans ton CSS entièrement cette ligne :

Code: Tout sélectionner
body {background-image:file:///C:/Users/Ophelie/Desktop/Site_web/Images/template.jpg('images/template.jpg');}


Par celle que j'ai mis au début du sujet, à l'identique sans rien modifier :

Code: Tout sélectionner
body {
background-image:url(images/template.jpg);
}


Et je t'assure que ça fonctionne.
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 

Re: HTML/CSS

Message le 26 Nov 2011 01:31

Oui ça fonctionne maintenant ! :D

Merci Skynet :)
Xillis
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 12
Inscription: 20 Aoû 2011 22:36
 

Message le 26 Nov 2011 01:36

Parfait & de rien ;).

Voici un site qui t'aidera pour ne plus te tromper :

http://www.alsacreations.com/astuce/lir ... solus.html

Et aussi le "site du zéro" en général :

http://www.siteduzero.com/tutoriel-3-13 ... -css3.html
Avatar de l'utilisateur
Skynet
Moderateur
Moderateur
 
Messages: 14807
Inscription: 19 Juil 2007 21:12
 



Sujets similaires

Message [Résolu] La sauvegarde de windows ne s'est pas effectuée
Salut tout le monde j'ai essayé de faire une sauvegarde Windows et elle a échoué je pense à cause de deux fichiers de mon téléphone, je ne sais d'ailleurs pas pourquoi elles se trouvent avec? voir captures écran svp pour plus de clarté https://up2sha.re/file?f=VfV04mIhttps://up2sha.re/file?f=kabkYAt ...
Réponses: 5

Message [Résolu] imprimante brother win11
Bonjour,J'ai essayé les conseils lu sur le net pour installer mon imprimante brother dcp2520dw sur mon pc win11, mais "échec".J'ai utilisé un câble comme demandé.Cdt
Réponses: 16

Message [Résolu]probleme Ads by Images+
Depuis quelque jours avec mon moteur de recherche Google sur Firefox, c'est ajouté Ads by Images+merci
Réponses: 16

Message [Résolu]Ads by Images+
Bonjour depuis quelques jours, j'ai Ads by images dans mes recherches Google peut on enlevé ca merci
Réponses: 5

Message [Résolu] probleme ecran noir de 1 à 2 secondes
Salut tout le monde Décidément......... J'ai un problème sur mon pc qui n'est pas grave, mais qui est perturbant. Je m'explique lorsque je fais un clic droit sur un fichier ou dossier dans l'explorateur de fichier ou sur le bureau, j'ai un écran noir qui apparait brièvement et qui fait redémarrer t ...
Réponses: 42

Message [Résolu] Demarrage W10
Bonjour à tous,Depuis peu, mon PC démarre en affichant les documents stockés sur mon DD externe autrement que sur mon bureau. Seriez vous m'expliquer comment y remédier s'il vous plait ? Merci par avance A bientot
Réponses: 12


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.