Problème de programmation HTML

Fermé

aichiasto Messages postés 13 Date d'inscription jeudi 8 mai 2014 Statut Membre Dernière intervention 13 février 2017 - Modifié par aichiasto le 8/05/2014 à 03:21
TibereTchatcha - 21 mai 2014 à 08:31

Bonjour,
Je ne comprend pas pourquoi mais j'ai créé un site en HTML pour un travail à mon école et j'ai rencontré un problème dont je ne trouve pas la cause.

En gros, j'ai un document .html qui est relié à un document .css avec ce code:
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
(qui fonctionne très bien)

Le problème est que lorsque je fais un sélecteur (class ou id), rien ne fonctionne! J'ai bien essayé de trouver des solutions sur google mais je trouve rien, alors que j'ai fais TOUS ce qu'ils disent sur leur site!! :'(

Voici mon script HTML :

<html>
 <head>
   <title>Tokyo</title>
   <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
   
       <!-- DEBUT DU SCRIPT -->
 <SCRIPT LANGUAGE="JavaScript">
 /* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
 if(document.images)
 {
 i435881 = new Image;
 i435881 = "theme/bouton_apres.png";
 }
 </SCRIPT>
  <!-- FIN DU SCRIPT -->
 </head>

 <body>
   <div id="top"></div>
   
     <!-- DEBUT DU SCRIPT -->
 <center><A HREF="F:\PMR\HTML - Adèle Lacasse-Underhill 2014\Tokyo\Accueil\Accueil.html" onMouseOver="i435881.src='theme/bouton_apres.png'" 
 onMouseOut="i435881.src='theme/bouton_avant.png'" ><IMG class="bouton" SRC="theme/bouton_avant.png" NAME="i435881" 
 style="position:absolute; margin:500px 0 0 0;"/></A>
  <!-- FIN DU SCRIPT -->
 </body>
</html>

Voici mon script CSS:

body {
 background-image:url("theme/wallpaper_index.jpg");
 background-repeat:no-repeat;
 background-position:center bottom;
 background-attachment:fixed
 -webkit-background-size: cover; /* pour Chrome et Safari */
 -moz-background-size: cover; /* pour Firefox */
 -o-background-size: cover; /* pour Opera */
 background-size: cover; /* version standardis?e */
}

#top {
 position: absolute;
 background:url(theme/logo.png) right;
 vspace:25px;
 hspace:15px;
}

A voir également:

Problème de programmation HTML
Application de programmation - Guide
Editeur html - Télécharger - HTML
Espace html ✓ - Forum Webmastering
Espace en html - Astuces et Solutions
&Nbsp html ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
8 mai 2014 à 14:23

Bonjour

background-attachment:fixed
tu as oublié le point virgule

ensuite
background:url(theme/logo.png) right; tu as oublié 2 déclarations

background:url(theme/logo.png) no-repeat top right;

si tu fais une erreur de syntaxe dans un css il risque de foirer

dans le html tu as
<center>
déjà <center> est obsolète et ne doit plus être utilisé
ensuite meme si ce n'était pas obsolète et bien ce n'est pas fermé par </center>

si ca ne fonctionne pas verifie les chemin du css
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

et des background
background-image:url("theme/wallpaper_index.jpg"); etc

https://www.alsacreations.com/astuce/lire/78-quelle-est-la-diffrence-entre-les-chemins-relatifs-et-absolus.html

Réponse 2 / 2

aichiasto Messages postés 13 Date d'inscription jeudi 8 mai 2014 Statut Membre Dernière intervention 13 février 2017
8 mai 2014 à 17:13

J'ai corrigé les erreurs que tu as remarqué mais ça ne fonctionne toujours pas. Et pourtant dans ma feuille de style, la section body { ... fonctionne très bien...

Y aurait-il une erreur dans la balise <div id="top"></div> (qui est relié à ma feuille de style) ? Car c'est cela qui ne fonctionne pas..

prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
8 mai 2014 à 21:25

vspace:25px;
hspace:15px;

C'est de l'HTML, pas du CSS...

remplace par

width: 25px;
height: 15px

et ça fonctionnera

aichiasto Messages postés 13 Date d'inscription jeudi 8 mai 2014 Statut Membre Dernière intervention 13 février 2017
11 mai 2014 à 03:22

J'ai changé cela car effectivement c'était une erreur, mais je ne vois toujours pas le résultat qui serait supposer apparaître...

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 11/05/2014 à 22:45

essaie de mettre pour test dans #top

#top {
 position: absolute;
 border: 1px solid black;
 width: 25px;
 height: 15px;
}

si tu vois un carré noir de 25 x 15 pixels le css fonctionne
si ca fonctionne (et d'apres ce que tu dis body fonctionne top devrit aussi fonctionner)

donc c'est logo.png qui
- soit n'est pas dans le dossier theme
- soit son format ou options d'enregistrement pose un problème.

aichiasto Messages postés 13 Date d'inscription jeudi 8 mai 2014 Statut Membre Dernière intervention 13 février 2017
13 mai 2014 à 23:12

D'accord, je vais essayé cela :)

aichiasto Messages postés 13 Date d'inscription jeudi 8 mai 2014 Statut Membre Dernière intervention 13 février 2017
13 mai 2014 à 23:16

Le carré noir apparaît :) je vais donc essayé autre chose pour le logo, as-tu un code css pour mettre une image png??

Discussions similaires

la balise <br> ou <br />

Balise </br>

Saut de lignes sans <br/>

Espace HTML