Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3000 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1386780
Vareth
Posté le 13-06-2006 à 17:04:40  profilanswer
 

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 :

<link rel="stylesheet" media="screen" type="text/css" title="designbase.css" href="designbase.css" />


 
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:  

mood
Publicité
Posté le 13-06-2006 à 17:04:40  profilanswer
 

n°1386787
xtof_83
Freeride Spirit
Posté le 13-06-2006 à 17:07:20  profilanswer
 

sur les éléments HTML on met pas de "." devant....
 
 
seulement pour les class :D

n°1386837
samsayan
Posté le 13-06-2006 à 17:39:47  profilanswer
 

Citation :

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


 
sa ira mieux comme sa :
 
background-image: url('orion.JPEG');  
 
 :)

n°1386907
mIRROR
Chevreuillobolchévik
Posté le 13-06-2006 à 20:07:30  profilanswer
 

samsayan a écrit :

Citation :

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


 
sa ira mieux comme sa :
 
background-image: url('orion.JPEG');  
 
 :)


 
ah ?

n°1386973
xtof_83
Freeride Spirit
Posté le 13-06-2006 à 21:50:12  profilanswer
 

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

n°1387102
dwogsi
Défaillance cérébrale...
Posté le 14-06-2006 à 09:09:59  profilanswer
 

.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.

n°2195441
clairea
Posté le 25-06-2013 à 17:39:35  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[javascript] Interpreter les balises htmlprobleme tableau
[JAVASCRIPT] Un pied de page qui ne marche pas...formulaire HTML sans script CGI
[PHP] pourquoi ma page généré est tout blanche sans erreur ?Mail HTML avec image
réaliser une facture en HTML ou PHP...[pas résolu] problème d'affichage de page web
affichage d'une page php dans une autre 
Plus de sujets relatifs à : Problème : le CSS ne s'applique pas à la page en HTML


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR