Discussion :

[peter-lc]

Je possède un nouveau Dreamweaver CS4 depuis peu.
Les images de quelques 120x80 pixels ajoutées dans les bordures de la taille minimale de 50 pixels et padding de 9 pixels. (phrase modifiée) Le 'min-width' est insupportable, il se prolonge à l'infini jusqu'au limite de tableau (voir les codes html et css au troisième message ci-dessous) et le 'max-width' est parfait.

je vous montre ci-dessous :
Code css

Code :

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

1
2
3
4
5
6
7
8
 
#imagethumb2{
     padding: 9px;
     border: 1px solid #000000;
     min-width: 10px;
     min-height: 30px;
     background-color: #666666;
}

Code html :

Code :

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

1
2
3
<div id="imagethumb2">
<img src="images/photo-small.jpg" width="80" height="120" />
</div>

Merci aidez-nous!

[agamitsudo]

Bonjour,

Je crois que min-width n'est pas supporté sous certains browsers (notamment IE6). Avec quel browser as-tu testé ce problème ?

Juste une remarque supplémentaire, min-width peut prendre la valeur auto
Exemple :

Code :

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

min-width : auto;

tiens moi au courant,
Cordialement,

Agamitsudo.

[peter-lc]

également que le "min-width: 30px;" qui ne peut pas se mettre à la taille minimale, il prolonge toujours à l'infini jusqu'au limite du tableau.

Voici une page html : (entre deux "body")

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<br />
<br />
<br />
  <table id="corps2"><tr>
    <td width="25%" align="center">
    <div id="imagethumb2"><img src="images/photo-small.jpg" width="80" height="120" /></div>
    <br />
    <br /></td>
    <td width="25%" style="text-align: center">
    <br />
    <div id="imagethumb2"></div>
    <br />
    <br /></td>
    <td width="25%" style="text-align: center">
    <br />
    <div id="imagethumb2"></div>
    <br />
    <br /></td>
    <td width="25%" style="text-align: center">
    <br />
    <div id="imagethumb2"></div>
    <br />
    <br /></td>
  </tr>
  <tr>
    <td style="text-align: center">France</td>
    <td style="text-align: center">Italie</td>
    <td style="text-align: center">Allemagne</td>
    <td style="text-align: center">Ecosse</td>
</table>
<br />
<br />
<br />

Sur la première bordure avec une image (bordure orange et jaune sur padding de 9pixels).
Et les trois dernières bordures sans laisser les images. Donc vous allez voir si le'min-width' est insupportable.

CSS :

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
18
19
20
 
table#corps2{
	width: 800px;
	border: 0px solid #000000;
	top: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: left;
}
 
 
#imagethumb2{                   
	padding: 9px;
	border: 2px solid #FF9933;
	min-width: 30px;                 /* ---> problème, taille infini */
	min-height: 30px;
             background-color: #FFFF66;
}

S'il vous plait, aidez-nous. Merci d'avance

C'est quoi 'browser'? Ah oui! L'IE et FireFox, j'en ai les deux. J'ai vu la page sur l'aperçu FireFox depuis Dreamweaver. Et sur l'IE, je ne sais pas.