Creare un riquadro che contenga immagine e descrizione

  • Creatore Discussione Creatore Discussione vodka
  • Data di inizio Data di inizio

vodka

Utente Attivo
25 Giu 2010
128
0
0
come faccio a creare un piccolo riquadro con bordi sfumati dove all'interno ci metto un'immagine e una descrizione?
 
si lo sò ma più che altro volevo sapere il codice css da scrivere per realizzarlo
 
prova così

<head>
<style type="text/css">


#esterno {
margin: 50px;
width: 400px;
height: 400px;
padding: 0px;
background-image: url(sfumatura.gif); //inserisci l'immagine di sfondo
border: 1px solid black; //cancellalo è solo per farti vedere il risultato
text-align:center;
}


.interno {

width: 300px;
height: 300px;
background-color: #595959;
margin: 50px;

}

</style>

</head>

<body>

<div id="esterno">

<div class="interno">

</div>

</div>

Se copi ed incolli il codice cancella barre e relativo commento " //...."


Spero ti sia utile ciao
 
non è ciò che ho chiesto, forse non ho spiegato bene la situazione, in pratica ho l'immagine con la descrizione affianco, in un fieldset..io voglio sfumare i bordi del fieldset come è possibile riuscirci?
 
prova così

per sfumare i fieldset devi creare l'immagine sfumata grande quanto il fieldset, nascondi i bordi e la inserisci come sfondo, poi dentro ci metti quello che vuoi, ti riporto un esempio brutto ma che rende l'idea di quello che sto dicendo:

pagina html e css:

HTML:
<html>
<head>

<style type="text/css"/>


input   {

	margin: 10px;

	}

fieldset {
			
			padding-left: 20px;
			width: 350px;
			height: 359px;
			background-image: url(sfondo.gif);
			background-repeat: no-repeat;
			border:none;

			}


</style>



</head>



<body>



<form id="Commenti" action="">

<fieldset>

<legend>Commenti</legend>

Nome <input id="Name" name="Nome" type="text"/> <br />

Email <input id="email" name="email" type="text"/><br />

Commento <textarea name="Commento" id="comment"></textarea><br />


<button type="submit" value="Invia">Invia</button>


</fieldset>
</form>



</body>
</html>


io ho inserito un form ma tu puoi mettere l'immagine con il testo, allego anche la sfumatura ( sicuramente brutta :cool:), se poi non è quello che volevi, posta il codice di quello che hai così ci si lavora su..

ciao
 

Allegati

  • sfondo.gif
    sfondo.gif
    4,1 KB · Visite: 4.563

Discussioni simili