Code HTML pour menu à gauche

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
Bonjour,

Je souhaite créer un jeu en ligne (sa on s'en fou), mais pour commencer j'aimerais faire un menu à gauche, un simple menu avec genre connexion déconnexion. Je ne sais pas trop comment expliquer ce que je veux :s
Donc je voudrais le code en HTML pour avoir le menu sur la gauche de la page.

Merci.

7 réponses

Réponse 1 / 7
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
Ok. Bon, tu ouvres un nouveau fichier Bloc-Note. Tu colles ce code dedans et tu enregistres en ajoutant CSS à la fin du nom que tu lui donnes. (ça c'est seulement si tu n'as pas encore de fichiers CSS, sinon tu l'ajoute à la suite de ce que tu as déjà écrit).
Puis dans ton fichier HTML, tu écris entre les balises <head> et </head>:

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

et c'est tout.
Tu l'écris entre
<meta charset="utf-8" />
et
<title>Le nom de ton site</title>.

Voilà.
P.S. : J'utilise pas Bloc-Note mais Notepad++.
1) parce qu'il est gratuit.
2) parce qu'il colore ton code ce qui te permet de mieux t'y retrouver.
Par contre c'est que sous windows.
Je suis un Trackmaniac, et ça personne ne m'en empêchera.
1
Utilisateur anonyme
 

Pourquoi utilise-t-on du CSS ???
Parce que la moi, je suis perdu ;)

PS : J'ai fais un screen, dis-moi tout de suite si j'ai mal compris ce que tu m'as dis :

http://hpics.li/9dc65b3

-1
Réponse 2 / 7
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
Tiens voilà ce que j'utilise. Je sais pas si c'est bon. Mais ça marche :
nav
{
float: left;
}

C'est à mettre en CSS. Mais avant tu rédiges ton menu en HTML. Au pire va voir sur le "site du zéro". Il y a un tutoriel complet sur l'HTML5 et le CSS3.
0
Réponse 3 / 7
Utilisateur anonyme
 
Mais je le met où ce code ?
0
Réponse 4 / 7
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
As-tu un éditeur de texte genre Notepad ++ ? Ou Bloc-note ?
0
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
T'inquiète c'est pas compliqué.
0
Utilisateur anonyme
 
Oui j'ai un bloc note, je sais m'en servir pour coder, c'est ce que j'utilise.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
Tiens voilà un Screen HTML :

https://sd-g1.archive-host.com/membres/images/5fac6bbc2ebbe3d9689591cbb9c5ef9ad36738f9/Html.png

Et en CSS :

https://sd-g1.archive-host.com/membres/images/5fac6bbc2ebbe3d9689591cbb9c5ef9ad36738f9/CSS.png

C'est ce que tu dois écrire. Je crois que ton fichier CSS est bon.
Entre <title> et </title> tu dois écrire le nom de ton site qui apparaîtra dans l'onglet. (juste que j'ai remarqué que tu avais copié ce que j'avais mis).

Je suis un Trackmaniac, et ça personne ne m'en empêchera.
0
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
Et désolé pour le retard.
0
Utilisateur anonyme
 
Sa me donne une page blanche !
0
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
Ah mince.
0
Réponse 6 / 7
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription   Statut Membre Dernière intervention   208
 
bon je te fait un bout de code laisse moi dix min
0
Utilisateur anonyme
 

D'accord, merci :/

Désolé, mais comme j'y connais pas grand chose ce n'est pas facile, mais je fais de mon mieux :P

0
Réponse 7 / 7
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription   Statut Membre Dernière intervention   208
 
voila 
<!DOCTYPE html> 
<html> 
 <head> 
  <meta charset="utf-8" /> 
  <title>test</title> 
  <style type="text/css"> 
   html, body { 
    height: 100%; 
   } 
   body { 
    background-color: white; 
   } 
   #conteneur { 
    width: 900px; 
    height: 100%; 
    margin: auto; 
    color: red; 
    background-color: yellow; 
    border: 2px black solid; 
   } 
   #ton_bloc 
   { 
    width: 150px; 
    height: 150px; 
    float: left; 
    border: 3px black solid; 
   } 
  </style> 
 </head> 
 <body> 
  <div id="ton_bloc"> 
   <p>connexion<br /> 
   deconnexion</p> 
  </div> 
  <div id="conteneur"> 
   <p> 
    un peu de contenu 
   </p> 
  </div> 
 </body> 
</html>

Mais pour connexion et déconnexion il va falloir apprendre php

"Un homme azerty en vaut deux"
0
Utilisateur anonyme
 
Merci, voilà ce que je cherchais :)
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription   Statut Membre Dernière intervention   208
 
pense a mettre resolu
0
Mania-Track Messages postés 53 Date d'inscription   Statut Membre Dernière intervention   19
 
Y'a pas à dire je suis pas doué pour expliquer aux autres.
0
Utilisateur anonyme
 
C'est pas sa, c'est que je suis pas doué pour comprendre xDD
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription   Statut Membre Dernière intervention   208
 
Non mais tu as eu raison de lui envoyer des lien pour qu'elle ou qu il comprenne, moi je lui ai mâcher le travail et c'est peut être pas rendre service
0