Immagine contenuta in un DIV più piccolo

**Gefasios** · 23-12-2010, 11:01

Salve a tutti.

Ho una domanda da farvi, forse banale. Come posso fare per visualizzare un'immagine all'interno del DIV, in modo tale che se l'immagine è più grande mi viene "tagliata" così da stare all'interno del DIV stesso?

Per esempio, il codice:

codice:

<html>
	<head>
		<title>Home Page</title>
	</head>
	
	<body>
		<div width="300px" height="300px">
			[img]bg.jpg[/img]
		</div>
	</body>
</html>

non si comporta come vorrei, perchè l'immagine (di dimensione 768px*1160px) viene visualizzata interamente, e non soltanto una sezione di 300px*300px, come vorrei.

Devo fare una cosa che pressupone l'uso del tag <img>, dunque non mi interessa settare l'immagine come sfondo del DIV.

Attendo una risposta,
saluti.

**ricman** · 23-12-2010, 11:31

Devi assegnare overflow:hidden al div

**Gefasios** · 23-12-2010, 11:38

Originariamente inviato da ricman
Devi assegnare overflow:hidden al div

No, non cambia niente, rimane uguale...

codice:

<html>
	<head>
		<title>Home Page</title>
	</head>
	
	<body>
		<div width="300px" height="300px" style="overflow:hidden">
			[img]bg.jpg[/img]
		</div>
	</body>
</html>

**ricman** · 23-12-2010, 11:49

Originariamente inviato da Gefasios
<div width="300px" height="300px" style="overflow:hidden">

Butta tutto dentro lo style...

style="width:300px; height:300px; overflow:hidden;"

**Gefasios** · 23-12-2010, 11:55

Originariamente inviato da ricman
Butta tutto dentro lo style...

style="width:300px; height:300px; overflow:hidden;"

Grazie, ora funziona.

Rapida spiegazione del perchè così funziona e nell'altro modo no? Non dovrebbe essere la stessa cosa?

**ricman** · 23-12-2010, 12:17

Originariamente inviato da Gefasios
Non dovrebbe essere la stessa cosa?

No. I css sono diversi dalle formattazioni dirette del codice (che sono sconsigliate, e come vedi, con ragione)

Discussione: Immagine contenuta in un DIV più piccolo

Strumenti discussione

Ricerca discussione

Visualizza

Immagine contenuta in un DIV più piccolo

Permessi di invio