Je veux faire la première entrée avoir la largeur 100% et deuxième + image = 100% de sorte que la deuxième entrée obtienne le reste de l'espace (100% -img taille) sur la même ligne. Est-il possible de faire en utilisant CSS?Comment faire le 2ème élément obtenir le reste de l'espace horizontal
<html><head><title>width test</title>
<style type="text/css">
.t {
width: 100%;
table-layout:fixed;
}
.caption {
text-align: left;
width: 35%;
}
.data {
text-align: left;
width: 65%;
}
.edt {
width: 100%;
}
</style>
</head>
<body>
<table class="t">
<tr>
<td class="caption">Caption:</td>
<td class="data"><input type="text" class="edt" /></td>
</tr>
<tr>
<td class="caption">Caption:</td>
<td class="data">
<input type="text" class="edt" /><a href="#"><img width="22px" src="cal.png" /></a>
</td>
</tr>
</table>
</body>
</html>
Malheureusement dans mon cas, cette structure de la table externe est fixe, donc je ne peux pas faire votre chemin ( – Artem