Discussion :

[lodan]

Bonjour,

Je viens de tester mon intranet avec une résolution de 800x600, car certains postes utilisateurs auront cette définition (vieux postes).

Résultat le look en prend un sérieux coup.

Mon plus gros problème c'est que j'ai un menu sur la droite constitué d'icônes et la dernière icône n'est pas visible et surtour je ne peux pas utiliser de barre de définlement car elle ne s'affiche pas.

Peut-on forcer l'affichage d'une barre de défilement ?

Important je suis sous FF

Merci d'avance

[FMaz]

Ton menu est contenu dans quoi ?
- Un frame ?
- Un div (à t'il des propriété CSS lié à l'overflow?)
- etc...

[trotters213]

C'est très moche un menu avec une barre de défilement
Tu devrais plutôt faire ton site avec des tailles en em ou en % plutôt que d'avoir des tailes fixes.

[lodan]

Merci,

Mon menu est dans un <div>

Il n'y a aucune propriété CSS de type "overflow:scroll" ou autre

[MasterOfChakhaL]

La barre de défilement apparait automatiquement par défaut si le contenu dépasse les dimensions qui lui sont allouées.

Si ce n'est pas le cas, c'est que quelque part dans ton code, tu l'interdis d'une manière ou d'une autre.

[tugal]

jsai pas si ca marcherai mais ta regarder de la propriété min-height de css?

[trotters213]

jsai pas si ca marcherai mais ta regarder de la propriété min-height de css?

Non reconnu par IE 6

[lodan]

La barre de défilement apparait automatiquement par défaut si le contenu dépasse les dimensions qui lui sont allouées.

Si ce n'est pas le cas, c'est que quelque part dans ton code, tu l'interdis d'une manière ou d'une autre.

Merci beaucoup, mais alors c'est à l'insu de mon plein gré.

Pour interdire, j'aurai fait quoi ?

Sachant que je n'ai aucune ligne "overflow" dans mon CSS, idem pour mon html

[Bisûnûrs]

Sachant que je n'ai aucune ligne "overflow" dans mon CSS, idem pour mon html

Dans ce cas-là utilise-en une dans le div de ton menu.

[MasterOfChakhaL]

Si tu nous donnes un bout de code (allégé mais qui reproduit quand même le problème), il sera plus simple de trouver une solution que d'avancer à l'aveuglette.

[lodan]

Mettre de l'overflow sur un <div>, je ne connaîs pas. Non seulement l'éditeur n'aime pas, mais ce n'est pas listé ici

Voici la partie de code intéressante :

Le CSS :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
body
{	
	background: #cccc99 url("../images/fond.gif") repeat-x fixed top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333300;
}
.menu, .ssmenu {
 
	color:black;
	font-size:12px;
	font-weight:bold;
	border:0;
	padding:0;
	width:15em;
	margin:1em;
}
.menu {
	text-align:center;
}
 
.menu span, .ssmenu span {
	display:none;
}
 
.ssmenu ul, .ssmenu li {
	padding:0;
	margin:0;
	list-style-type:none;
}
 
 
.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	text-decoration:none;
	color:grey;
	padding:2px;
        display:block;
	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}
.menu a, .menu a:visited {
	padding:0;
}
 
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
	color:white;
	text-decoration:none;
}

Le html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="conteneurmenu">
 
			<p id="menu1" align="center"><img src="{#prefixe_site#}images/help_index.png" 
			align="absbottom" alt="Documentation" border="0"/></p>
			<!-- ----------------------------------------- -->
			<p id="menu2" align="center" class="menu" onmouseover="MontrerMenu('ssmenu2');" onmouseout="CacherDelai();">
			<a onmouseover="MontrerMenu('ssmenu2');" href="{#prefixe_site#}index.php" onfocus="MontrerMenu('ssmenu2');">
			<img src="{#prefixe_site#}images/accueil.png" align="absbottom" alt="Accueil" 
			title="Accueil" border="0" class="imageClic"/></a></p>
			<ul id="ssmenu2" class="ssmenu" onmouseover="AnnulerCacher();" onmouseout="CacherDelai();" onfocus="AnnulerCacher();" onblur="CacherDelai();">
				<li><a href="{#prefixe_site#}majeurs/webcalendar.php" 
				<img src="{#prefixe_site#}images/agenda.png" align="absbottom" alt="Agenda" title="Agenda" border="0" class="imageClic"/></a>
				<li><a href="{#prefixe_site#}majeurs/webmail.php"
				<img src="{#prefixe_site#}images/boite_email.png" align="absbottom" alt="Boîtes Mails" title="Boîtes Mails" border="0" class="imageClic"/></a>
				<li><a href="{#prefixe_site#}majeurs/onglet_annuaire_1.php"
				<img src="{#prefixe_site#}images/annuaire.png" align="absbottom" alt="Annuaire" title="Annuaire" border="0" class="imageClic"/></a>
			</ul></div>

Je ne vous mets pas le javascript, cela va faire trop.

Merci

[MasterOfChakhaL]

C'est normal que l'overflow ne soit pas cité dans le lien que tu donnes.
Il s'agit d'une propriété css et non d'un attribut html.

[Bisûnûrs]

"overflow" n'est pas un attribut de balise mais une propriété CSS ...

Code :

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

<div style="overflow:auto;" id="menu">

[lodan]

Merci pour tout cela,

J'ai donc mis

Code :

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

<div style="overflow:scroll;>

Comme cela je vois bien mes barres de défilement, mais elles sont en haut de l'écran (à l'horizontal) et pas autour de mon menu qui est vertical.

Bon, je crois que je vais tout simplement mettre mon menu à l'horizontal.

Je penses qu'il y a dans le javascript quelques choses qui doit bloquer tout cela.

Merci encore à vous.

[Bisûnûrs]

Tu as oublié de fermer le guillemet ...

[lodan]

C'est juste dans la copie, dans mon script php c'est bon.

[Bisûnûrs]

La prochaine fois recopie ton code correctement sur le forum, qu'on ne s'attarde pas sur des problèmes inexistants ....

Merci.

[lodan]

Oui, mais que le code soit bon n'arrange rien à l'affaire.

comme je le disais précédemment cela ne fonctionne pas.

Je vais donc pour éviter de faire perdre du temps à tout le monde et parceque j'ai une autre solution, faire autrement.

C'est décidé, je mets mon menu à l'horizontal.

cela change ma présentation, mais tant pis, c'est partie.

Merci encore pour tout.