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

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

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+

question d'onglets sur 1 ligne

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager