Forum TourDeJeu -> Html Et Css

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

En ligne : + de 500 jeux, + de 7000 news, + de 26000 commentaires

Forum TourDeJeu · Règles du forum	Aide Recherche Membres
Bienvenue invité ( Connexion \| Inscription )	Recevoir à nouveau l'email de validation

Forum TourDeJeu -> La création et la gestion de jeux -> Design et graphismes

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 )

Html Et Css

Suivre ce sujet | Envoyer ce sujet | Imprimer ce sujet

Vorgat

Ecrit le : Mercredi 18 Mai 2005 à 13h04

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

).

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>



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



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



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

Haiken	Ecrit le : Mercredi 18 Mai 2005 à 14h36
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...) -------------------- Association Nainwak, aide & hébergement des jeux web Le Blog de l'assoc', encore mieux que l'assoc' tomate !

Vorgat	Ecrit le : Mercredi 18 Mai 2005 à 16h20
Pro Groupe : Membre Messages : 177	J'ai pas bien compris, la page…

Vorgat	Ecrit le : Vendredi 27 Mai 2005 à 15h50
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 . DOnc, je remercis tout le monde. -Vorgat-

« Sujets + anciens | Design et graphismes | Sujets + récents »

Pages : (2) 1 [2]