Mon menu prenne toute la largeur sur le forum Création de sites web - 10-10-2006 19:43:32

Liste des sujets

Mon menu prenne toute la largeur

BlackHunter

Niveau 8

10 octobre 2006 à 19:43:32

Voici le design de mon site (screen):
http://img159.imageshack.us/img159/7749/abcdenuoioa9.jpg

En fait je voudrais que mon menu (ce que j´ai entouré) prenne toute la place de mon cadre.
Donc au lieu que tout soit collé et center au milieu il y ai des grands espace entre chaques.
J´ai essayé en "justify" sa change rien.

HTML de mon menu:

<div id="menu">
<div class="element_menu">
<a href="menu.html">Accueil</a>
<a href="
http://djsimong.free.fr/forum/">Forum</a>
<a href="mix.html">Mix</a>
<a href="production.html">Production</a>
<a href="contact.html">Contact</a>

CSS:

{
width: 760px;
height: 10px;
}

.element_menu
{
border: 4px solid blue;
padding: 10px;
margin: 10px;
text-align: center;
}

Merci pour votre aide.
</div>

darth-bane

Niveau 10

10 octobre 2006 à 20:57:37

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css" media="screen">
.menu
{
float: left;
width: 33%;
text-align: center;
}
</style>
</head>
<body>
<div class="menu">menu 1</div>
<div class="menu">menu 2</div>
<div class="menu">menu 3</div>
</body>
</html>

Yling

Niveau 10

10 octobre 2006 à 21:00:33

Mais, ça marche, j´aurais jamais trouvé seul oO

darth-bane

Niveau 10

10 octobre 2006 à 21:09:47

T´as l´air surpris que j´ai donné une solution qui fonctionne
Elle n´a pourtant rien de complexe !
Il y´en a une autre qui consiste à utiliser un tableau sans bordures avec des largeurs de colonne en %. Mais c´est nettement moins propre et le code est plus long.

BlackHunter

Niveau 8

10 octobre 2006 à 22:24:32

Yes, nickel sa marche.

En fait l´astuce c´est de faire un bloc pour chaques menu. Moi c´était un bloc pour tout les menu et après faut trouver le bon % de largeur.
Au départ sa marchait pas et en mettant 20% c´est la taille parfaite.

darth-bane

Niveau 10

10 octobre 2006 à 22:29:38

C´est simple :
pourcentage = 100 / nbre_éléments_du_menu
La division étant une division entière
Si tu as 5 éléments, c´est simple, ça fait 20%.
Si tu as 6 éléments, celà fait 16%.
7 éléments, 14%.
...

BlackHunter

Niveau 8

10 octobre 2006 à 22:44:44

Exact 5 elements.

Merci de cette précision.

darth-bane

Niveau 10

11 octobre 2006 à 04:04:19

ça me semble logique, non ?
5 éléments à espacer de façon régulière, il suffit donc de 5 cases de même largeur.
Donc 100% de la largeur divisé par 5 éléments = 20%.
Je ne vois pas quelle autre méthode tu voulais utiliser pour définir la largeur des éléments

Aide à l'achat Mac
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Steam Deck
Macintosh
Hardware

La vidéo du moment

News jeu

88 283 spectateurs

Vous aviez faim d'un bon jeu One Piece ? Un nouveau vient d'être annoncé et il va encore plus aiguiser votre appétit

L'univers des pirates s'éloigne cette fois des champs de bataille traditionnels pour s'installer dans l'ambiance plus feutrée de la restauration. Dans One Piece : Grand Gourmet, les joueurs intègrent l'équipage du Chapeau de paille afin de prêter main-forte à des figures bien connues. En se concentrant sur la préparation de repas et l'accueil des clients au sein du Baratie Numéro Deux, cette simulation propose une immersion inédite. L'expérience s'axe entièrement sur le quotidien maritime, alliant les exigences du service en salle à la créativité gastronomique en cuisine, loin de l'action pure des précédents opus.

Toutes les news jeu