-
A questa domanda sono conscio che sarà difficile che riusciate a dare una rispsta data l'alta difficoltà, ma sono ben accette tutte le proposte.
Vorrei sapere se qualcuno di voi sa come fare per ridimensionare le dimensioni di una cella di una tabella quando gli si clicca sopra (ingrandendola), ridimensionando di conseguenza le altre (rimpicciolendole).
-
Col css: sfruttando la pseudoclasse :hover (ci passi sopra) o :active (quando clicki) dovrebbe funzionare.
-
oppure gestendo le proprietà con il javascript
-
Avreste qualche esempio perfavore?
-
<html>
<style>
.cell{
border: 1px solid #000;
width:150px;
}
</style>
<body>
<table>
<tr>
<td class="cell" id="cella1" onmouseover="getElementById('cella1').style.width= '200';getElementById('cella2').style.width='100';" >
prima cella
</td>
<td class="cell" id="cella2" onmouseover="getElementById('cella2').style.width= '200';getElementById('cella1').style.width='100';" >
seconda cella
</td></tr></table>
</body>
</html>