Visualizzare immagini in un circoletto

**luqwe** · 07-03-2011, 13:11

Buongiorno,
ho delle immagini contenute in un DB.
Adesso per esigenze grafiche devo visualizzarle in un cerchietto colorato.
Pensavo di fare la maschera del cerchietto in GIF e usare i layer per visualizzare le immagini sotto alla gif.

Voi che ne dite?
Nel caso, come si fa?

**mattealex** · 07-03-2011, 15:17

che ne dici di un bordo?

Codice PHP:


<div border=3>

**luqwe** · 07-03-2011, 15:26

Eh ma mi serve un bordo circolare

**graffithouse** · 07-03-2011, 17:16

css

codice:

img{border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em;}

oviamente poi il valore devi darlo te, io ne ho dato uno indicativo
questa opzione però non è supportata in IE

**carlomarangoni** · 07-03-2011, 23:28

Originariamente inviato da graffithouse
css

codice:

img{border-radius:1em; -moz-border-radius:1em; -webkit-border-radius:1em; -o-border-radius:1em;}

oviamente poi il valore devi darlo te, io ne ho dato uno indicativo
questa opzione però non è supportata in IE

Allora se gli utenti con IE (che sono tanti) non possono vederlo uno che se ne fa della tua indcazione?

**graffithouse** · 08-03-2011, 11:52

Originariamente inviato da carlomarangoni
Allora se gli utenti con IE (che sono tanti) non possono vederlo uno che se ne fa della tua indcazione?

la mia era semplicemente un opzione semplice.Purtroppo IE è sempre una rottura di scatole.

altra soluzione semplice è usare un jscript

o al limite diventare pazzo creando un immagine e posizionandola sopra le varie immagini.

**luqwe** · 08-03-2011, 13:48

Ecco,
io sono diventato pazzo

**carlomarangoni** · 08-03-2011, 17:06

Originariamente inviato da luqwe
Ecco,
io sono diventato pazzo

Per quale motivo si diventa pazzi per così poco?
Ecco un esempio:
Clicca qui
e ecco il codice

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
#contenitore {
	position: relative;
	width: 100px;
	height: 100px;
}
#lay {
	width: 100px;
	height: 100px;
	border: 1px #000 solid;
}
#sopra {
	position: absolute;
	top: 1px;
	left: 1px;
}
#sotto {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 18px;
	left: 18px;
}
</style>
</head>

<body>
<div id="contenitore">
    <div id="lay">
        [img]donna.jpg[/img]
        [img]mask.gif[/img]
    </div>
</div>
</body>
</html>

Discussione: Visualizzare immagini in un circoletto

Strumenti discussione

Ricerca discussione

Visualizza

Visualizzare immagini in un circoletto

Permessi di invio