Problème : le CSS ne s'applique pas à la page en HTML

Marsh Posté le 13-06-2006 à 17:04:40

Cela fait depuis quelques heures que j'ai (sérieusement) commencé la programmation d'un site web en HTML (je sais, c'est pas beaucoup, mais eh ! on a tous été noobs un jour ou l'autre, non ?). Tout allait bien, jusqu'à ce que je décide d'intégrer un chouïa de CSS pour rendre le tout plus joli. C'est là où ca a ch** ! Le CSS ne s'applique tout simplement pas à la (pseudo :sarcastic: ) page web.
Donc, j'utilise comme programme... le bloc-note, tout simplement !

Voici le code de ma page HTML (encore très basique) :

Citation :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Les Mondes de Tolonque [en construction ^^]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="designbase.css" href="designbase.css" />
</head>

<body>
<p><h3>Bienvenue sur le site des Mondes de Tolonque !</h3> <br/>
Pour le moment, le site est en construction, et je recherche encore un dessinateur. Si vous êtes interessé, contactez-moi à cette adresse : <a href="mailto:w.a.y.B._le_vagabond@hotmail.fr">w.a.y.B._le_vagabond@hotmail.fr</a> <br/>
<br/>
Merci pour votre patience et votre <em>éventuelle</em> aide ^^ </p>

</body>
</html>

Et voici ma page CSS :

Citation :

.body
{
background-image: url("orion.JPEG" );
background-attachment: fixed;
}
.p

{
color: blue;
font-size: 18px;
}

.h1
{
color: red;
font-size: 36px;
}

Après avoir longtemps cherché, je me suis dit que le problème se trouvait certainement dans cette balise :

Citation :

Mais je n'arrive pas à le localiser !

Petites précisions supplémentaires :
_le fichier HTML et le fichier CSS se trouvent dans le même dossier
_le fichier CSS se nomme : designbase.css

J'ai parcouru en long en large et en travers le tuto (http://www.siteduzero.com/tuto-3-3 [...] e-css.html), mais je n'arrive pas à trouver d'où vient le problème... :pt1cable:

Merci d'avance pour votre aidre :hello:

Reply

Marsh Posté le 13-06-2006 à 17:04:40

Reply

Marsh Posté le 13-06-2006 à 17:07:20

sur les éléments HTML on met pas de "." devant....

seulement pour les class

Reply

Marsh Posté le 13-06-2006 à 17:39:47

Citation :

background-image: url("orion.JPEG" );

sa ira mieux comme sa :

background-image: url('orion.JPEG');

Message cité 1 fois

Reply

Marsh Posté le 13-06-2006 à 20:07:30

samsayan a écrit :

Citation :

background-image: url("orion.JPEG" );

sa ira mieux comme sa :

background-image: url('orion.JPEG');

ah ?

Reply

Marsh Posté le 13-06-2006 à 21:50:12

lol je pense pas trop...je suis quand meme plus sur de ma soluce lol

Reply

Marsh Posté le 14-06-2006 à 09:09:59

.className
Définie une classe ayant pou nom className et devant donc être utilisée avec class="className"
tagName
Défini le style pour une balise en particulié et ne nécessite donc pas d'être "appelée" pour être appliqué. C'est donc le style qui sera appliqué sur la balise concernée en l'absences d'indications contraires.

Voilà c'était juste pour compléter la réponse de xtof_83 qui me semble être la bonne, quoique supprimer l'espace dans le background-image: url("orion.JPEG" ); pourra également être utile.

Reply

Marsh Posté le 25-06-2013 à 17:39:35

Bonjour à tous,

Je me permets de réactualiser ce sujet puisqu'il existe .

Voilà je débute dans les langages HTML5 et CSS3 pour créer mon site web.

Hier pour m'entrainer j'ai donc créé deux codes 1page .html et 1 page .CSS. Les deux s'accouplaient bien et aujourd'hui ils ne s'associent plus.

voici mes deux codes:

Citation :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css" />
<title> Cabinet Corps &amp Existence Sophrologie </title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="titre_principal">
<img src="contenu/logopng.png" alt="logo claire" id="logo">
<h1> Cabinet Corps &amp Existence </h1>
<h2> Accompagnement de la personne en Sophrologie</h2>
</div>

<nav>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">La Sophrologie</a></li>
<li><a href="#">Le cabinet Corps &amp Existence</a></li>
<li><a href="#"> Qui suis-je?</a></li>
<li><a href="#">Tarifs et prestations</a></li>
<li><a href="#">Les Mutuelles qui nous aident</a></li>
<li><a href="#">Se contacter, se rencontrer</a></li>
<li><a href="#"> Evènements à venir</a></li>
<li><a href="#">L'actu en sophrologie</a></li>
<li><a href="#">Plan d'accès</a></li>
<li><a href="#"> Annuaire des sophrologues partenaires</a></li>
<li><a href="#"> Liens intéressants</a></li>
</ul>
</nav>
</header>

<div id="Banniere_image">
<div id= "banniere_description">
Claire Arrighi Sophrologue
<a href="#mon_ancre">Aller vers l'ancre<img src="contenu/cabinetcorps.jpg" alt="photo"/></a>
</div>
</div>

<section>
<article>
<h2> "Pratiquer la sophrologie, <br>être l'acteur de son épanouissement."</br></h2>
<img src="contenu/accompagnement.jpg" alt="photo_accueil"/>
<p class="bienvenue"> Je vous souhaite une agréable visite sur notre site.<br>Claire Arrighi</br></p>
</article>
<aside>
<h2>"J'écoute mon corps,<br> il me parle sans répis."</br><br>Louis Scuténaire.<br></h2>
<img src="contenu/rondehomme.jpg" alt="photocote"/>
<p> Retrouvez-nous sur Facebook et Twitter!</p>
<a href="http://https://www.facebook.com/pages/Cabinet-Corps-et-Existence-Accompagnement-de-la-personne-en-Sophrologie/498766826837941">Cabinet Corps &amp Existence</a>
<p> Soyez le premier à partager notre site !</p>
<img src="contenu/facebook.png" alt="facebook"/><img src="contenu/twitter.png" alt="twitter"/>
</aside>
</section>

<footer>
<p class="identité"> Cabinet Corps &amp Existence Sophrologie©</p><a href="#">Mentions légales</a> | <a href="#">Plan du site</a>
</footer>
</body>
</html>

et le CSS3 (il n'e ai qu'au début je me suis rendu compte qu'ils n'étaient pas associés en apperçu):

Citation :

@font-face
{
font-family: "SignikaRegular";
src: url("signikaregular.otf" );
src: url("signikaregular.otf" ) format("opentype" );
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family:"volkhovRegular";
src: url("Site internet/volkhovRegular.otf";
font-weight:normal;
font-style:normal;
}
@font-face
{
font-family:"Site internet/Texgyretermesregular"
src: url("texgyretermesregular.otf" );
font-weight: normal;
font-style:normal;
}
@font-face
{
font-family:"Trebuc";
src: url("trebuc.ttf" );
font-weight: normal;
font-style: normal;
}
body
{
font-family:"trebuc",arial,sans serif;
color:teal;
}
#bloc_page
{
width:1200px;
margin:auto;
}
section h2, nav a
{
font-family:vijaya,arial;
font-weight:normal;
}
h1
{
color:blue;
}

mon fichier CSS se nomme style.css, ils sont placé dans le même dossier.

Cordialement,
Claire.

Reply

Problème : le CSS ne s'applique pas à la page en HTML

Sujets relatifs:

Leave a Replay