18041 sujets

Questions générales et questions de débutants

Alignement de texte avec css

Pages :
Bonjour,
j'ai mis ceci dans mon .css :

h1
{
  font-size: 30px;
  font-family:"Comic Sans MS";
  text-align: center;
}
.para1
{
  font-size: 13px;
  font-family: "Times New Roman";
  text-align: right;
}


Le problème est que mon texte ne s'aligne Smiley decu

photo à l'appuie :
upload/61164-Capture.PNG
Si vous pouvez me dire ce qui cloche sa serais gentil. Smiley biggrin
cordialement,
Modérateur
Salut,

Est-ce que tu peux également nous donner ton code html s'il te plait ?
(sinon un exemple en ligne serait royal)
voici le code html : 



<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf8"/>
      <link rel="stylesheet" href="page.css"/>
      <title>DWB</title>
  </head>

  <body>
      <h1>Acceuil</h1>
        <header>
          <nav>
            <ul>
              <li><a href="https://hostmyservers.fr">HostMyserveur</a></li>
              <li><a href="contenu/page2.html">test</a></li>
            </ul>
          </nav>
</header>
 <section>
   <article>
   <p class="para1">T bienvennue sur mon site web en construction, veuillez attendre un peux</br>
      car trouver la bonne mise en forme est très longue</p>
    <p class="para1">Voici un lien vers notre hébergeur <a href="https://hostmyservers.fr">HostMyserveur</a></br>
      ce site a beaucoup d'offre d'hébergement en allant de minecraft aux serveur web et serveur dédié</p>
    <p class="para1">Lien vers la page 2 du site internet : <a href="contenu/page2.html">test</a></p>
    <p class="para1">Dans ce site il y'aura une section avec les vidéos des membres </br>
      il, y'aura aussi un espace premium on vous pourrez stocker ce que vous vouler et le partager</br>
      Les pages personnalisé auront la particularité d'être payantes pour que vous ayez le stockage suffisant</br></p>
    </article>
    <aside>
        <p>Bonjour, laisse moi me présenter: Je m'appelle DarkWhiteBreizh</br>
          je suis nées en février 1996</p>
        <p>Je suis passioné par les jeux vidéo et la programmation </p>
    </aside>
    </section>

<footer>
  <p> Voici la liste de nos partenaire [cligne]  </p>

</footer>
  </body>

</html>
Modérateur
Allez je mise sur le fait que ton CSS n'est pas bien relié à ton HTML (tout à l'air correct à par le fait que tu n'as aucun style appliqué).

<link rel="stylesheet" href="page.css"/>

ca veut dire que ton fichier page.css c'est juste a coté (dans le meme dossier) que ta page html. C'est bien le cas ?
Modérateur
Je pense... tente de rajouter 

body {
    color:red;
}

dans ton CSS tu verra vite si c'est appliqué ou pas ! Smiley lol
j'ai rajouté la ligne de code : 

h1
{
  font-size: 40px;
  font-family:"Comic Sans MS";
  text-align: center;
}
.para1
{
  font-size: 23px;
  font-family: "Times New Roman";
  text-align: right;
}
body
{
  color: red;
}



Mais il ne c'est pas appliqué Smiley ohwell
Modérateur
Alors c'est bien que ta feuille de style n'est pas bien attachée.
Tu développe en local ? ton fichier CSS n'est pas dans un dossier "style" ou autre ? il est bien a coté de ta page html qui contient le <link rel="stylesheet" href="page.css"/> ?
Bonjour,
dBreizh a écrit :
j'ai rajouté la ligne de code [...]
Mais il ne s'est pas appliqué
Donc tu en déduis...

... que la référence de la balise link est incorrecte.
La page html et la page css sont dans le même dossier le site est en local.


Voici le Screenshot où sont ranger mais dossier page.html et page .css :
upload/61164-Capture2.PNG
Modérateur
Effectivement... étrange.... tu est sous IE ? même problème sur d'autres navigateurs ?
As-tu une erreur dans la console de débug de ton navigateur (F12) ?
Peux-tu essayer avec un slash avant le nom du fichier appelé ?

Soit
 <link rel="stylesheet" href="/page.css"/>

Modifié par Greg_Lumiere (05 Feb 2016 - 13:39)
Sur les navigateurs tels que Google chrome et Mozilla, a ne fait rien non plus plus j'utilise comme navigateur par default edge.


J'ai mis le 
 <link rel="stylesheet" href="/page.css"/>


Et rien ne change.
:/
Modérateur
Mmmmmh c'est troublant....
Bon déjà il y a les </br> qu'il faut écrire <br> ou <br />, ca peut le troubler, mais pas a ce point.....
Modifié par _laurent (05 Feb 2016 - 14:01)
Modérateur
Ah ouais ya du monde avant h1 Smiley lol

Tu as mis des choses avant h1 dans ton css ? Si oui, vire tout, que ce soit <h1> la première chose décrite.

Ensuite je penche pour un pb d'encodage du fichier CSS. Tu utilise quoi comme éditeur ? Vérifie que tu l'a bien enregistré en UTF8
Bonjour dBreizh!

Comme _laurent l'écrivait déjà dans sa première intervention, il s'agit, d'après moi aussi (après test dans différents navigateurs), d'une erreur de chemin (plus que probable) ou d'une distraction dont nous n'avons aucune trace.

Cordialement

Lddsoft

EDIT : maintenant que j'ai vu tout ce monde devant le H1, je pense toujours comme _laurent !
Modifié par lddsoft (05 Feb 2016 - 14:17)
J'ai supprimer mon dossier styles.css et j'en ai créer un nouveau et la sa marche :o

Merci pour vos conseils !
Slt.
En fait si j'ai bien verifier ton code html ça vas.
Mais essai d'abord de reprendre ton code css.
Puis prend bien soin de mettre les deux fichier le html et le css dans un meme repertoire.
Puis dans ton code html précisément dans la balise <head>
<Title></title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="nom_du_fichier.css" />
</head>


puis tu essai avec le navigateur soit Mozilla, Opera ,ou Chrome
Pages :
Sujet clos
Aller à