Tableau - Largeur 1% -> nowrap ne fonctionne plus !
Bonjour à tous,
Je rencontre un problème depuis vendredi alors que je n'ai touché à rien !
Subitement, mes tableau html dont certaines colonnes sont en largeur 1% avec la propriété nowrap active.
A l'affichage dans le navigateur, j'ai maintenant un saut de ligne !!!
La propriété nowrap ne fait pas sont effet.
Ca n'arrive que lorsque j'utilise des lien :
Code:
1
2
3
4
5
6
7
8
| <table width="100%">
<tr>
<td nowrap="nowrap" width="1%"><b>1.</b></td>
<td nowrap="nowrap" width="1%"><a href="monlien.php">Supprimer</a><a href="monline2.php">Element à afficher</a>
</td>
<td width="98%" nowrap="nowrap">email du contact</td>
</tr>
</table |
Jeudi, cela fonctionnait sans aucun problème ! Et depuis (il me semble qu'une mise à jour Google Chrome s'est faite)... problème...
Merci pour votre aide à tous !
inline-block dans tableau
Le problème que les 2 liens <a href=""> ayant une class="bttn" soivent être sur une seule ligne dans ma colonne (width='1%").
Or depuis jeudi, ce n'est plus le cas. La propriété nowrap est appliquée. Sans succès.
Voici le code du tableau :
Bien entendu, il y d'autres colonnes faisant un total de largeur 100%...
Code:
1
2
3
4
5
6
7
8
9
10
| <table width="100%">
<tr>
<td width="1%" nowrap="nowrap">
<div class="grouped">
<a href="#" class="bttn">Texte</a>
<a href="#" class="bttn">Texte</a>
</div>
</td>
<tr>
</table> |
Je précise que j'ai également essayer le CSS style="white-space:nowrap"... pas changement.
De plus, avec du texte normal, pas de saut ligne, le nowrap fonctionne normalement.
Voici le CSS "bttn" et "grouped"
Code:
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
| .bttn {
text-decoration: none;
cursor: pointer;
padding: 0 8px;
font-weight: bold;
height: 30px;
line-height: 30px;
display: inline-block;
outline: 0;
color: #000000;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
border: 1px solid #d9d9d9;
border: 1px solid rgba(0,0,0,0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.grouped {
display:inline-block;
list-style:none;
padding:0;
margin:0;
} |
Merci pour votre aide précieuse !
