Cré'Actif Space ♥
Hello hello !

Soit le ou la bienvenue sur Cré'Actif Space, ton forum de graphisme et de codage !

N'hésite pas à rejoindre la communauté si tu es comme nous un fan de cookies !



AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Classe de Matae

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant
AuteurMessage
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Classe de Matae   Sam 21 Nov - 21:41

Rappel du premier message :

Hey world. ** Coeurcoeurcoeur
Je ne trouvais pas de formulaire par ici, je ne savais pas si c'était possible de demander un(e) professeur de codage alors je poste :thug: coucou
Je connais les bases du web et j'ai déjà pris des cours, je suis déjà assez formée, mais j'aimerais apprendre à être autonome et à faire des fiches, signatures à onglets, PA, etc. **

Merci ayaii

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

AuteurMessage
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Jeu 3 Déc - 18:22

Oui ^w^

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Ven 4 Déc - 21:06

EDIT: Désolée le code suivant va AVANT le header, srry

Code:
<div id="page">

Une fois cette div mise, tu enregistres et tu vas dans le CSS

A ton CSS tu peux déjà mettre

Code:
#page {

}

Et à l'intérieur, on va mettre une largeur, un fond, une bordure etc!

Pour changer la couleur de fond on utilise le code background-color auquel on ajoute une certaine couleur, dans le script, ça te donne:

Code:
#page {
background-color: grey;
}

J'ai mis gris en exemple mais tu peux mettre autre chose!
PS: NE JAMAIS OUBLIER LE POINT VIRGULE, sinon le code n'est pas pris en compte!

Ensuite on va ajouter une largeur, c'est quand même mieux!
C'est simplement un width:

Code:
#page {
background-color: grey;
width: 800px;
}

Jusque là ça fonctionne?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Ven 4 Déc - 22:01

J'ai donc ce code en HTML

html:
 
Et le CSS
Code:
#nom {
color: red
}
#page {
background-color: blue;
width: 800px;
}
Mais du coup y a rien qui s'affiche (pas de bordure) , je comprend pas x)

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Sam 5 Déc - 9:40

C'est tout à fait normal, ton h1 et ton code liant ton HTML a ton CSS se trouve avant le Doctype.. Je t'ai donné le code de base quelque message au dessus:

Code:
<!DOCTYPE html>

<html lang="">

    <head>
        <meta charset="utf-8">
        <title>Titre du site </title>
        <link rel="stylesheet" type="text/css" href="stylecss.css">
    </head>
    <body>
      <header>
        <img src="http://image.noelshack.com/fichiers/2015/44/1445936909-spring.png" </img>
        <h1>Je suis un titre en H1</h1>
        <nav>
            <ul>
              <li> <a href="http://www.pixels-paradise.com/">Accueil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Règlement</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">FAQ</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Rechercher</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/"></a>Membres</li>
                  <li> <a href="http://www.pixels-paradise.com/">Groupes</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Profil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Messages</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Connexion</a> </li>
   
            </ul>
        </nav>
      </header>
      <main>
        <h2>Coucou</h2>
        <article>
            <h2>Princess</h2>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Un zoli titre </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Oùne autre zoli titre</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
        </article>
          <aside>
                <h2>Step aside</h2>
                  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Rigole please </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Gl,hf</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Goodbye</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
           
            </aside>
      </main>
      <footer>
          <p>Thanks blabla truc blabla for blabla-site okok</p>
          <ul>
            <li>  <a href="https://www.facebook.com/">Facebook</a></li>
            <li> <a href="https://twitter.com/" >Twitter </a></li>
          </ul>
      </footer>
    </body>
</html>

Ca devrait mieux marcher :)

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Sam 5 Déc - 19:04

Ca ne marche pas, le titre apparaît mais tout est bleu xDD
J'ai bien repris ton code pourtant ^^
http://image.noelshack.com/fichiers/2015/49/1449338492-sans-titre-2.png

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Sam 5 Déc - 19:13

Si tu as ce résultat c'est que ton code de titre qui est en rouge est avant la div page. Sinon ton titre serait compris dans la page.

Moi j'ai pris le code que je t'ai envoyé et ça marche très bien:

mon resulat

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Sam 5 Déc - 19:31

Toujours pareil, pourtant la div page est bien avant
Code:
<!DOCTYPE html>

<html lang="">
    <head>
        <meta charset="utf-8">
        <title>Titre du site </title>
        <link rel="stylesheet" type="text/css" href="stylecss.css">
    </head>
    <body>
  <div id="page">
      <header>
        <img src="http://image.noelshack.com/fichiers/2015/44/1445936909-spring.png" </img>
      <h1> id="nom">Titre que tu veux en rouge</h1>
<link rel="stylesheet" type="text/css" href="css.css">
        <nav>
            <ul>
              <li> <a href="http://www.pixels-paradise.com/">Accueil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Règlement</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">FAQ</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Rechercher</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/"></a>Membres</li>
                  <li> <a href="http://www.pixels-paradise.com/">Groupes</a> </li> 
                  <li> <a href="http://www.pixels-paradise.com/">Profil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Messages</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Connexion</a> </li>
   
            </ul>
        </nav>
     
      </header>
   
      <main>
        <h2>Coucou</h2>
        <article>
            <h2>Princess</h2>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Un zoli titre </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Oùne autre zoli titre</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
        </article>
          <aside>
                <h2>Step aside</h2>
                  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Rigole please </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Gl,hf</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Goodbye</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
           
            </aside>
      </main>
      <footer>
          <p>Thanks blabla truc blabla for blabla-site okok</p>
          <ul>
            <li>  <a href="https://www.facebook.com/">Facebook</a></li>
            <li> <a href="https://twitter.com/" >Twitter </a></li>
          </ul>
      </footer>
    </body>
</html>

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Sam 5 Déc - 20:37

Peut-être que c'est ton navigateur alors.. Je te donne ce que j'ai, copie colle exactement ces codes et dis-moi si ça a changé:

HTML:
 

CSS:
 

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 9:18

Toujours pareil :/
Y a pas de différence entre Apple et Windows? xD

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 9:46

Ben justement, il n'est pas sensé y en avoir, un code c'est un code, c'est bizarre ça..

Comment ça se fait que ton texte titre soit au dessus de ton image alors que moi c'est en dessous?

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 10:13

J'en sais rien, pourtant j'ai exactement la même chose :/

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 10:33

C'est carrément pas normal.. Je vais m'envoyer tout ça sur mon PC pour comparer

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 10:50

Voilà → http://img11.hostingpics.net/pics/244320Capture.png

Donc non, c'est toi qui a un code différent de celui que je t'ai envoyé, ça n'a rien à voir avec le type d'unix..

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 13:14

Mais toi tu as le Titre en H1 comme moi mais moi j'ai mis le rouge que tu m'as donné en plus, alors que j'avais déjà un titre H1, je pense que c'est pour ça ^^
Mais dans mon code je retrouve pas le titre du haut en rouge alors je pige plus rien XDD
Code:
<!DOCTYPE html>
<html lang="">

    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="stylecss.css">
    </head>
    <body>
      <div id="page">
      <header>
        <img src="http://image.noelshack.com/fichiers/2015/44/1445936909-spring.png" </img>
        <h1>Je suis un titre en H1</h1>
        <nav>
            <ul>
              <li> <a href="http://www.pixels-paradise.com/">Accueil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Règlement</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">FAQ</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Rechercher</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/"></a>Membres</li>
                  <li> <a href="http://www.pixels-paradise.com/">Groupes</a> </li> 
                  <li> <a href="http://www.pixels-paradise.com/">Profil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Messages</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Connexion</a> </li>
            </ul>
        </nav>
      </header>
      <main>
        <h2>Coucou</h2>
        <article>
            <h2>Princess</h2>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Un zoli titre </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Oùne autre zoli titre</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
        </article>
          <aside>
                <h2>Step aside</h2>
                  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Rigole please </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Gl,hf</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Goodbye</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
           
            </aside>
      </main>
      <footer>
          <p>Thanks blabla truc blabla for blabla-site okok</p>
          <ul>
            <li>  <a href="https://www.facebook.com/">Facebook</a></li>
            <li> <a href="https://twitter.com/" >Twitter </a></li>
          </ul>
      </footer>
          </div>
    </body>
</html>

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 17:19

Le mieux c'est que tu prennes exactement mon HTML et mon CSS et on reprends à partir de là, on mettra ton titre en rouge si tu veux mais faut qu'on parte sur le même code x)

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 18:02

Code:
<!DOCTYPE html>
<html lang="">

    <head>
        <meta charset="utf-8">
        <title>Titre du site </title>
        <link rel="stylesheet" type="text/css" href="stylecss.css">
    </head>
    <body>
      <div id="page">
      <header>
        <img src="http://image.noelshack.com/fichiers/2015/44/1445936909-spring.png" </img>
        <h1>Je suis un titre en H1</h1>
        <nav>
            <ul>
              <li> <a href="http://www.pixels-paradise.com/">Accueil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Règlement</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">FAQ</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Rechercher</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/"></a>Membres</li>
                  <li> <a href="http://www.pixels-paradise.com/">Groupes</a> </li> 
                  <li> <a href="http://www.pixels-paradise.com/">Profil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Messages</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Connexion</a> </li>
            </ul>
        </nav>
      </header>
      <main>
        <h2>Coucou</h2>
        <article>
            <h2>Princess</h2>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Un zoli titre </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Oùne autre zoli titre</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
        </article>
          <aside>
                <h2>Step aside</h2>
                  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Rigole please </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Gl,hf</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Goodbye</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
           
            </aside>
      </main>
      <footer>
          <p>Thanks blabla truc blabla for blabla-site okok</p>
          <ul>
            <li>  <a href="https://www.facebook.com/">Facebook</a></li>
            <li> <a href="https://twitter.com/" >Twitter </a></li>
          </ul>
      </footer>
          </div>
    </body>
</html>

Code:
#page {
  background-color: grey;
  width: 800px;
}

C'est bien ça? xD

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 18:38

Oui sûrement, si ça marche, c'est que c'est ça x)

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 18:43

C'est bon ça marche *___* xDDD

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 19:00

Ahhhhh! Enfin!

Doooooonc! Maintenant qu'on a ça, on voit bien que c'est dégeu, qu'il faut center le tout. Il y a deux solutions:

- Soit tu veux garder la taille 800px et tu mets une marge automatique à gauche et à droite.

- Soit tu ne veut pas de largeur spécifique mais une marge spéciale à gauche et à droite.

Nous on va choisir la première option. On va laisser le 800px de large en ajoutant une marge automatique à gauche et à droite, pour cela on ajoute simplement au CSS:

Code:
margin-left: auto;
margin-right: auto;

Ce qui doit te donner ceci
Dis-moi qu'on a la même chose stp XD

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 19:14

Je vais me killer wyyyyyaaa kekodfkez non ça reste à gauche, pourtant j'ai fait EXACTEMENT comme toi xD *désespérant omg* RIP Looser


---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Dim 6 Déc - 19:19

Mon CSS est comme ça:

Code:
#page {
   background-color: grey;
   margin-left: auto;
   margin-right: auto;
   width: 700px;
}

Il est possible que tu ai oublié les ";", si tu ne les met pas, le code n'est pas pris en compte :3

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Jeu 31 Déc - 9:21

On peut reprendre Matae?

Désolée du coup t'as classe a été complètement mis en pause mais ne t'inquiète pas, je suis toujours là et j'ai encore tes fichiers! batman x3

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Jeu 31 Déc - 9:32

Oui pas de soucis! Je sais plus trop où on en est du coup xD

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Alicia.

avatar

Féminin
CAS's Points : 8506
Messages : 6934
Date d'arrivée : 25/10/2011
Âge : 20
Localisation : Lorraine
Humeur : Le sourire aux lèvres !

MessageSujet: Re: Classe de Matae   Jeu 31 Déc - 9:37

Alors du coup pour être sûres qu'on ai la même chose:

Code HTML:
 

Code CSS:
 

Et l'aperçu sur le navigateur: http://img15.hostingpics.net/pics/666792Capturedcran20151231093646.png

---------------------------------------------------------

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://creactifspace.forumgratuit.org
Matae

avatar

CAS's Points : 236
Messages : 164
Date d'arrivée : 15/11/2015

MessageSujet: Re: Classe de Matae   Jeu 31 Déc - 10:02

Code:
<!DOCTYPE html>
<html lang="">

    <head>
    <link rel="stylesheet" type="text/css" href="stylecss.css">
        <meta charset="utf-8">
        <title>Titre du site </title>
     
    </head>
    <body>
      <div id="page">
      <header>
        <img src="http://image.noelshack.com/fichiers/2015/44/1445936909-spring.png" </img>
        <h1>Je suis un titre en H1</h1>
        <nav>
            <ul>
              <li> <a href="http://www.pixels-paradise.com/">Accueil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Règlement</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">FAQ</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Rechercher</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Membres</a></li>
                  <li> <a href="http://www.pixels-paradise.com/">Groupes</a> </li> 
                  <li> <a href="http://www.pixels-paradise.com/">Profil</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Messages</a> </li>
                  <li> <a href="http://www.pixels-paradise.com/">Connexion</a> </li>
            </ul>
        </nav>
      </header>
      <main>
        <h2>Coucou</h2>
        <article>
            <h2>Princess</h2>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Un zoli titre </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Oùne autre zoli titre</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
        </article>
          <aside>
                <h2>Step aside</h2>
                  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Rigole please </h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Gl,hf</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
            <h3>Goodbye</h3>
              <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla faucibus purus odio. Fusce fringilla semper arcu a convallis. In eu feugiat nisl. Praesent nec commodo ex. Phasellus et odio consequat, eleifend quam vel, ultrices neque. Sed non velit quis magna suscipit tempor. Morbi laoreet augue finibus lectus mattis congue. Duis imperdiet, tortor consequat semper laoreet, augue elit sagittis enim, sit amet ultricies leo massa quis nunc. Pellentesque vulputate eu mauris id gravida. Etiam est urna, scelerisque ac nunc ut, sagittis convallis odio. Morbi id dolor sed lacus viverra lacinia nec non metus. Integer tristique elit nec blandit tempor. </p>
           
            </aside>
      </main>
      <footer>
          <p>Thanks blabla truc blabla for blabla-site okok</p>
          <ul>
            <li>  <a href="https://www.facebook.com/">Facebook</a></li>
            <li> <a href="https://twitter.com/" >Twitter </a></li>
          </ul>
      </footer>
          </div>
    </body>
</html>

et l'css
Code:
#page {
  background-color: grey;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
}

Great 8D
Je voulais te montrer, hier, j'ai repris ce code là et j'ai testé des modifications, dis moi ce que tu en penses au passage ♥
http://school-graph.forumactif.org/h15-code-3

---------------------------------------------------------


bouhh:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Classe de Matae   

Revenir en haut Aller en bas
 

Classe de Matae

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 5Aller à la page : Précédent  1, 2, 3, 4, 5  Suivant

 Sujets similaires

+

 Sujets similaires

-
» [LIEN] microsd 8 GO classe 6 à prix gratos
» video helico classe 450! sans casse!!!!!
» Le vade-mecum de 1ère classe
» Les cabines de 2ème classe
» Croiseur classe D'Assas .Scratch 1/700éme

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Cré'Actif Space ♥ :: Archives du forum :: Archives-