Rechercher : dans
Par :

Menu avec balises LI et UL

Dernière réponse le 29 fév 2008 à 12:01:58 Toshihaut, le 27 fév 2008 à 18:35:59 
 Signaler ce message aux modérateurs

Bonjour,
J'aimerais créer un menu pour mon futur site web qui ressemble à celui d'MSN avec des balises LI et UL.
Mais malgrès mon "décorticage" de la page et du css je n'ai pas réussi à faire le même menu.
Avez vous une solution ?

Meilleures réponses pour « menu avec balises LI et UL » dans :
Comment créer une carte de menu de Noël VoirQuoi de plus "fashion" que de présenter une carte/un carton de menu de Noël ! Sympa, élégant, rigolo aussi, c'est selon ! Voici une petite astuce qui vous guidera dans votre création et... votre créativité ! Sommaire Choisir le menu de...
Réorganiser le menu Démarrer VoirAu fur et à mesure des diverses installations, le "Menu Démarrer" devient de plus en plus rempli et très mal organisé. Voilà comment procéder pour obtenir un menu organisé. Accéder au menu Démarrer Sous Vista, ce fichier est caché donc il faut...
[Vista] Afficher la commande Exécuter du menu Démarrer VoirAfficher la commande "Exécuter" du menu Démarrer Lors de l'acquisition de votre nouveau système d'exploitation Vista, vous vous apercevrez que la commande "Exécuter", qui est assez coutumière et serviable chez son petit frère XP, n'existe...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Windows 7 - Barre des tâches et menu démarrer VoirLA BARRE DES TACHES ET LE MENU DEMARRER Cet élément clé du Bureau de Windows est situé en bas de l’écran, sur toute sa largeur. C’est l’un des aspects du système qui a le plus évolué entre Windows Vista et Windows 7. Pour commencer, elle est plus...
Les balises de style VoirQu'est-ce qu'une balise de style? Les balises de style modifient la typographie du texte. Elles peuvent être imbriquées dans d'autres balises de style de la même façon qu'on le ferait avec un traitement de texte. Voici une liste de balises de...

1

neo1012, le 27 fév 2008 à 20:42:59

Comme ca par exemple ?

<html>
<body>
<p>
<li> <a href="lien1">Nom_du_lien1</a>
<li> <a href="lien2">Nom_du_lien2</a>
<li> <a href="lien3">Nom_du_lien3</a>
<li> <a href="lien4">Nom_du_lien4</a>
<li> <a href="lien5">Nom_du_lien5</a>
<li> <a href="lien6">Nom_du_lien6</a>
</body>
</html>

Répondre à neo1012

2

Toshihaut, le 28 fév 2008 à 09:55:37

Oui, mais il faudrait que l'ensemble forme 4 colonnes (4balises UL) avec à l'interieur les balises LI, le tout dans une DIV.

Répondre à Toshihaut

3

bibs37, le 28 fév 2008 à 11:57:51
  • +1

Je dirai plutot comme ca :

<div id="menu">
    <ul>
	<li><a href="#">lien1</a></li>
	<li><a href="#">lien2</a></li>
	<li><a href="#">lien3</a></li>
    </ul>
</div> 

Répondre à bibs37

4

Toshihaut, le 28 fév 2008 à 11:59:44

Voilà, mais il faut 4 colonnes faites avec les balise UL et qui contiennes les balises LI.

Répondre à Toshihaut

5

bibs37, le 28 fév 2008 à 12:12:34

Ba après il est grand, il se débrouille :) lol

copier coller et hop ^^

Répondre à bibs37

6

Toshihaut, le 28 fév 2008 à 12:46:10

Arf ! C'est marrant !
Moi ce qu'il me faut c'est le css pour former tout ca. Je le connais le code html.

Répondre à Toshihaut

7

faboons, le 29 fév 2008 à 00:34:11
  • +4

Salut, essaie comme ça :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style>
#left		{float:left; margin-left:10px;}

#left-m		{float:left; margin-left:20px;}

#right-m	                {float:left; margin-left:30px;}

#right		{float:left; margin-left:40px;}
</style>
</head>

<body>
<div>
     <ul id="left">
                 <li>blabla</li>
                 <li>blabla</li>
                 <li>blabla</li>
                 <li>blabla</li>
	              </ul>

     <ul id="left-m">
    	<li>blabla</li>
     	<li>blabla</li>
      	<li>blabla</li>
       	<li>blabla</li>
     	              </ul>
            
     <ul id="right-m">
    	<li>blabla</li>
     	<li>blabla</li>
      	<li>blabla</li>
      	<li>blabla</li>
                               </ul>
            
    	<ul id="right">
    	<li>blabla</li>
     	<li>blabla</li>
      	<li>blabla</li>
       	<li>blabla</li>
                               </ul>
     			</div> 
                
</body>
</html>


Je pense que ça doit marcher chez moi oui.
Sinon, tu peux essayer de jouer avec le css display:inline;
@ pluche.

Répondre à faboons

8

 Toshihaut, le 29 fév 2008 à 12:01:58

C'est ca en effet. Merci beaucoup !

Répondre à Toshihaut