TourDeJeu, le réseau des jeux en ligne alternatifs : jeux web multijoueurs, jeux par forum. En savoir +

Flux RSS des discussions du forum : pour les joueurs, et pour les créateurs et MJ
Pages : (2) 1 [2]   ( Aller vers premier message non lu ) Reply to this topicStart new topicStart Poll

> Html Et Css
Vorgat
Ecrit le : Mercredi 18 Mai 2005 à 13h04
Quote Post


Pro
*

Groupe : Membre
Messages : 177


Le probleme de Vorgat: 18/05/05

J'ai à peu près résoolu mon problème précedent, mais celui-ci, je ni arrive pas (sinon, c' serai pas un problème tongue.gif ).

Donc, je vais remetre deux petit code:

CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <head>
      <title>Mon super site</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="css.css" />
  </head>

  <body>

      <!-- L'en-tête -->

      <div id="en_tete">
      <img src= "ancienroyaume.gif" title="ancien_royaume" />
   </div>

      <!-- Les menus -->

      <div id="menu">        
          <div class="element_menu">
              <ul>
                  <li><a href="html.htm">Introduction</a></li>
                  <li><a href="Carac'.htm">Nouvelle</a></li>
                  <li><a href="page3.html">Règlement</a></li>
      <li><a href="page.4.html">Inscription</a></li>
      <li><a href="page5.html">Visite guidée</a></li>
      <li><a href="page6.html">Screenshot</a></li>
      <li><a href="page7.html">Partenaire</a></li>
      <li><a href="page8.html">Crédit</a></li>
              </ul>
          </div>
     
          <div class="element_menu id="mot">
              <form method="post" action="traitement.php">
  <p>
      <label>
          Votre pseudo :
          <input type="text" name="pseudo"/>
      </label>
      <br />
      <label>
          Votre mot de passe :
          <input type="password" name="pass" />
      </label><br />
    <label>Me retenir<br />
 <input type="checkbox" name="retenir" id="retenir" /></label><br />
    <input type="submit" value="Entrer" id="bouton" />
  </p>
</form>


          </div>        
      </div>

      <!-- Le corps -->

  <div id="corps">
          <h1>Ancien royaume</h1>
     
          <p>
              Bienvenue sur dans l'ancien royaume ! !<br />
              Vous n'avez pas peur j'espère, d'entrer dans ce monde obscur ? De combattre, de risquer la mort ?
          </p>
     
          <h2>Qu'est-ce que Ancien royaume ?</h2>    
          <p>
             Ancien royaume est un Jeu de rôles dans un univers original, inventé par Lars. C'est un MMORPG plus exactement. Dans un univers médiéval-fantastique. Vous avez hate de jouer,<br />
    mais le mieux, c'est de savoir jouer avant de s'inscire. Consultez les règles avant de jouer. Mais ne les lisez pas tous non plus.
          </p>
             
    <h3>Bonus</h3>
          <p>
            Pour appréciez pleinement ce jeu, je vous conseil de télécharger cette écriture <a href="../../Desktop/ecriture.ttf">ici.</a><br /><br /><br /><br /><br /><br /><br />
          </p>
        </div>
       
   </body>
</html>


Et voici le deuxieme (css):

CODE
/* CSS Document */
body
{
  width: 760px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;    
  background-color: #000000;
  font-family: "Baskerville", "Helvetica", "serif";
  background-image: url("ebene.jpg");
}

/* L'en-tête */

#en_tete
{
  width: 760px;
  height: 100px;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}

/* Le menu */

#menu
{
  float: left;
  width: 120px;
}

.element_menu
{
  background-color: #626262;
  background-color: #333300;
  font-family: "Monotype Corsiva", "baskerville", "serif";
  border: 5px ridge #663300;
  margin-bottom: 20px;
  font-size: 1.3em;
}

.element_menu ul
{
  list-style-image: url("images/puce.png");
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 5px;
}

.element_menu a
{
  color: #B3B3B3;
}

.element_menu a:hover
{
  text-decoration: underline
  background-color: #990000;
  color: #CC0000;
}


/* Le corps de la page */

#corps
{
  margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
  margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
  padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
  margin-top: 60px;
  color: #000000;
  background-image: url("../../Pictures/parchemin.jpg");
  background-repeat: repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
 
  border: 5px solid cc9999; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

input
{
width: 100px;
color: #666666;
}

#retenir
{
width: 15px;
}

a:visited
{
color: #660033;
}

#bouton
{
font-family: "Monotype Corsiva", "baskerville", "serif";
background-color: #993300;
text-align: center;
}

h1, h3, h2
{
text-align: center;
}

h1
{
color: #990000;
}


Voilà mon problème:

Je veux faire un petit cadre, avec qui est en ligne, à droite, à peu près au même endroit que le menu. J'ai essayer avec float; j'y arrive pas…
PMEmail PosterUsers Website
Top
Haiken
Ecrit le : Mercredi 18 Mai 2005 à 14h36
Quote Post


Ouf
*

Groupe : Membre
Messages : 360


y'a un modèle avec ce que tu veux faire là (si je ne me trompe point) : http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

(c'était dans un autre topic...)


--------------------
PMEmail Poster
Top
Vorgat
Ecrit le : Mercredi 18 Mai 2005 à 16h20
Quote Post


Pro
*

Groupe : Membre
Messages : 177


J'ai pas bien compris, la page…
PMEmail PosterUsers Website
Top
Vorgat
Ecrit le : Vendredi 27 Mai 2005 à 15h50
Quote Post


Pro
*

Groupe : Membre
Messages : 177


BOnjour, voilà, c'était pour vous remerciez, de m'avoir aidé à apprendre le html et le css. C'est tellement bien, et puis, ça ne sert pas qu'à faire des sites, maintenant, je peux me la peter en cours de techno tongue.gif . DOnc, je remercis tout le monde.

-Vorgat-
PMEmail PosterUsers Website
Top
« Sujets + anciens | Design et graphismes | Sujets + récents »

Pages : (2) 1 [2]  Reply to this topicStart new topicStart Poll