Sujet Précédent Sujet Suivant

Code HTML pour menu à gauche

Résolu/Fermé
Utilisateur anonyme - 4 août 2012 à 14:02
 Utilisateur anonyme - 6 août 2012 à 22:02
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.
A voir également:

7 réponses

Réponse 1 / 7
Mania-Track Messages postés 53 Date d'inscription lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
Modifié par Mania-Track le 4/08/2012 à 15:11
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
Modifié le 6 févr. 2024 à 14:22

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 lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
4 août 2012 à 14:51
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
4 août 2012 à 14:53
Mais je le met où ce code ?
0
Réponse 4 / 7
Mania-Track Messages postés 53 Date d'inscription lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
4 août 2012 à 14:54
As-tu un éditeur de texte genre Notepad ++ ? Ou Bloc-note ?
0
Mania-Track Messages postés 53 Date d'inscription lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
4 août 2012 à 14:56
T'inquiète c'est pas compliqué.
0
Utilisateur anonyme
4 août 2012 à 14:59
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 lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
Modifié par Mania-Track le 5/08/2012 à 14:05
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 lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
5 août 2012 à 14:05
Et désolé pour le retard.
0
Utilisateur anonyme
5 août 2012 à 14:10
Sa me donne une page blanche !
0
Mania-Track Messages postés 53 Date d'inscription lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
5 août 2012 à 14:15
Ah mince.
0
Réponse 6 / 7
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
5 août 2012 à 14:11
bon je te fait un bout de code laisse moi dix min
0
Utilisateur anonyme
Modifié le 6 févr. 2024 à 14:22

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 dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
Modifié par @lobotomix:~# rm -rf * le 5/08/2012 à 14:17
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
5 août 2012 à 14:24
Merci, voilà ce que je cherchais :)
0
@lobotomix:~# rm -rf *\ Messages postés 1392 Date d'inscription dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
5 août 2012 à 14:25
pense a mettre resolu
0
Mania-Track Messages postés 53 Date d'inscription lundi 30 juillet 2012 Statut Membre Dernière intervention 12 février 2013 19
5 août 2012 à 14:30
Y'a pas à dire je suis pas doué pour expliquer aux autres.
0
Utilisateur anonyme
5 août 2012 à 14:31
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 dimanche 1 juillet 2012 Statut Membre Dernière intervention 14 décembre 2012 208
5 août 2012 à 14:31
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

Discussions similaires

Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
Codes bateaux et avion GTA vice city Stories
matt3610 -
Diglo -

30 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse