Problème de programmation HTML
aichiasto
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
TibereTchatcha -
TibereTchatcha -
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 :
Voici mon script CSS:
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 en html ✓ - Forum HTML
- Espace html ✓ - Forum Webmastering
- Html download - Télécharger - HTML
2 réponses
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
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
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..
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..
essaie de mettre pour test dans #top
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.
#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.
