Discussion :

[SheenaRingo]

Bonjour !!

Mon problème est le suivant.
J'ai une zone DIV qui est sensé affiché (s'il y en a) des messages d'erreurs.

Voilà le code :

Code :

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

1
2
3
<div class="errors_block">
				<div class="errors_text"><html:errors /></div>
			</div>

Et voici les définitions CSS correspondantes :

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
.errors_block {
	border: 1px solid red;
	background-color: #E9967A;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
 
.errors_text {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

Le problème est qu'avec "border: 1px solid red;", la bordure est bien présente quand il y a des messages d'erreur, mais elle l'est aussi quand il n'y en a pas.

En clair, quand il n'y a pas de message d'erreur, j'obtiens un semblant de ligne qui est en fait la bordure. Et je voudrait qu'elle ne soit plus visible dans ce cas.

Quelqu'un a une idée ??

[HiRoN]

Salut,

- Enlever la bordure.
- Voir côté Javascript par exemple pour "cacher" le bloc (display:none sur le errors_block).
- Ou encore faire 2 blocs distincts si erreur ou non et afficher / cacher en fonction.

[SheenaRingo]

Enlever la bordure : Ca aurait pu marcher si je n'avais pas besoin de la voir apparaître en cas d'erreur.

Pour les deux autres solutions, ce n'est pas si simple car les erreurs sont générées et envoyées par STRUTS.

[ThomasR]

Bonjour,

Tu peux appliquer min-height pour que ton div ait toujours une hauteur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
.errors_block {
	border: 1px solid red;
	background-color: #E9967A;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
        min-height: 5px;
}

[devyan]

[QUOTE=ThomasR;3764048]Bonjour,

Tu peux appliquer min-height pour que ton div ait toujours une hauteur :

Non, la bordure est "en plus" de height, donc min-height ne pourra pas fonctionner.


Je ne vois pas d'autre solution que celles proposées par HiRoN.
Quoi que... la solution est probablement en amont

Tu dois pouvoir vérifier lors de la génération de ta page si ""errors" est vide ("<html:errors />") et donc ne pas inclure le div.