question d'onglets sur 1 ligne

clio671 · 24/01/2011, 18h28

Bonjour,

Actuellement, je suis en train de modifier un site web. Dans ma page d'accueil, j’ai une barre d’onglet et je voudrais rajouter un onglet mais malgré le fait que je change la valeur de l’attribut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<li style="width: 151px;">

comme il faut, les onglets ne rentrent pas sur une seule ligne ; Il y en a qui vont toujours sur la ligne du dessous. Alors que quand je teste la page html en question couplée avec le .css avec le logiciel nvu dans l’onglet « preview » TOUS les onglets restent sur une seule ligne.

Je ne vois pas trop où modifier dans le .CSS ou/et dans le HTML pour remédier au problème. Si vous avez des conseils à me donner ou si vous avez des questions, je suis preneur !!

Cordialement,

NoSmoking · 24/01/2011, 21h16

Bonjour,
dans un premier temps vérifies que le conteneur, du menu, est assez large.

Max-oo · 25/01/2011, 15h10

Citation:

dans un premier temps vérifies que le conteneur, du menu, est assez large.

-> Oui, certains naviguateurs vont les mettre a la ligne, mais en général, ils vont tout simplement dépasser de celui-ci.

Est-ce que quelque part dans le css tu as changé le display d'un élément ul ou li?

Sinon, essaie toujours de lui assigner inline, meme si c'est la valeur par défaut, on sera fixés

NoSmoking · 25/01/2011, 18h50

j'ai oublié de dire qu'il faut mettre un DOCTYPE au document, par exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

ce n'est qu'un exemple bien sûr.

clio671 · 25/01/2011, 20h04

Bonjour,

Le fait de changer width à 1400px

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
#conteneur {
	display: block;
	position: relative;
	width: 1400px;      /*   995px   */
	margin: 0 auto 50px auto;
  overflow:hidden;
 
}

rallonge l'espace de la bordure sur le côté (l'espace est plus grand entre ma zone centrale - mon bloc - ou il y a mes informations et la scrollbar du navigateur (vous voyez ce que je veux dire?)). Mais l'onglet que je veux rajouter n'apparaît pas...

NoSmoking · 25/01/2011, 20h29

Citation:

Envoyé par clio671

Mais l'onglet que je veux rajouter n'apparaît pas...

compte tenu du overflow:hidden; cela me parait logique
as tu essayé de supprimer justement la largeur du conteneur dans le CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#conteneur {
  display: block;
  position: relative;
/*  width: 1400px;      /*   995px   */
  margin: 0 auto 50px auto;
  overflow:hidden;
}

clio671 · 26/01/2011, 11h57

en mettant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

overflow : visible

cela me crée une ligne blanche en dessous de la barre de menu ou il y a une zone (au début de la ligne) qui me permet d'accéder à ma rubrique spip mais cet onglet en question est toujours invisible !

( vous pouvez voir la barre blanche à question en pièce jointe)

Il doit falloir modifier une propriété sans doute mais laquelle ... si vous avez une indication, je suis preneur !

a+

NoSmoking · 26/01/2011, 19h07

si en supprimant la largeur et en mettant l'overflow à visible, voir à l'enlever, si le menu passe à la ligne, il faut peut être regarder au niveau du conteneur de ton conteneur.

Une page en ligne serait pas mal.

24/01/2011, 18h28	#1
clio671 Membre du Club Développeur Web Inscription : février 2007 Messages : 178 Détails du profil Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : février 2007 Messages : 178 Points : 68 Points : 68	question d'onglets sur 1 ligne Bonjour, Actuellement, je suis en train de modifier un site web. Dans ma page d'accueil, j’ai une barre d’onglet et je voudrais rajouter un onglet mais malgré le fait que je change la valeur de l’attribut Code : Sélectionner tout - Visualiser dans une fenêtre à part <li style="width: 151px;"> comme il faut, les onglets ne rentrent pas sur une seule ligne ; Il y en a qui vont toujours sur la ligne du dessous. Alors que quand je teste la page html en question couplée avec le .css avec le logiciel nvu dans l’onglet « preview » TOUS les onglets restent sur une seule ligne. Je ne vois pas trop où modifier dans le .CSS ou/et dans le HTML pour remédier au problème. Si vous avez des conseils à me donner ou si vous avez des questions, je suis preneur !! Cordialement,
	00

25/01/2011, 18h50	#4
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	j'ai oublié de dire qu'il faut mettre un DOCTYPE au document, par exemple Code : Sélectionner tout - Visualiser dans une fenêtre à part <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> ce n'est qu'un exemple bien sûr.
	00

24/01/2011, 21h16	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	Bonjour, dans un premier temps vérifies que le conteneur, du menu, est assez large.
	00

26/01/2011, 19h07	#8
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	si en supprimant la largeur et en mettant l'overflow à visible, voir à l'enlever, si le menu passe à la ligne, il faut peut être regarder au niveau du conteneur de ton conteneur. Une page en ligne serait pas mal.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email