css per immagine

**mexican** · 22-05-2006, 11:10

Ciao a tutti, premetto che sono programmatore quindi di css non conosco molto.
Vorrei sapere se è possibile applicare una classe ad un'immagine in modo che prenda come dimensione massima 300px in larghezza nel caso sia + grande, mentre se è inferiore tenga le dimensioni originali. è possibile?

**fcaldera** · 22-05-2006, 11:14

io metterei l'immagine non dimensionata dentro un blocco div largo 300px

**mexican** · 22-05-2006, 15:04

ma poi se l'immagine è + grande che succede?

**fcaldera** · 22-05-2006, 15:06

Se il div è troppo piccolo per l'immagine questa verrà semplicemente tagliata

Edit : se la metti come sfondo del div

**fcaldera** · 22-05-2006, 15:17

oppure usi overflow : hidden al div

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
        <title>xhtml 1.0</title>
    </head>

<body>
<div style="width:300px; overflow: hidden;">
  [img]immagine.jpg[/img]
</div>
</body>
</html>

Ciao

**mexican** · 22-05-2006, 17:32

Originariamente inviato da fcaldera
oppure usi overflow : hidden al div

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        
        <title>xhtml 1.0</title>
    </head>

<body>
<div style="width:300px; overflow: hidden;">
  [img]immagine.jpg[/img]
</div>

</body>
</html>

Ciao

così mi esce la barra di scorrimento nel caso sia + grande! Quindi da quello che vedo non c'è nesusn modo per vedere se la larghezza è maggiore di 300 fissarla a 300 oppure se inferiore non modificarla giusto? Posso usare solo delle scorciatoie?

Discussione: css per immagine

Strumenti discussione

Ricerca discussione

Visualizza

css per immagine

mmm

mmmm

Permessi di invio