Buona sera amici,
ho la necessità di inserire più immagini in riga, la cui larghezza è la stessa.
Ho bisogno di adattare la loro larghezza in modo che la loro somma occupi sempre il 100% della larghezza dello schermo.
Ringrazio per l'attenzione
Cordialmente,
Andrea
codice:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <style> #cont {float:left;} img { width: 25%; height: auto; float: left; } #clear {clear:both;} </style> </head> <body> <div id="cont"> <img src="..."..../> <img src="..."..../> <img src="..."..../> <img src="..."..../> </div> <div id="clear"> </div> </body> </html>
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Grazie mille Carlo, funziona!
Un piccolo particolare: scrivendo così tutte le immagini di quella pagina, comprese le altre che non centrano, vengono ridimensionate però
Si! Però puoi dare una classe alle immagini da ridimensionare e nel css invece di img scrivi:
codice:.nome_classe { width: 25%; height: auto; float: left; }
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Permessi di invio
Rispondi quotando