Creare un riquadro che contenga immagine e descrizione

V

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?
 
V

vodka

Utente Attivo
25 Giu 2010
128
0
0
si lo sò ma più che altro volevo sapere il codice css da scrivere per realizzarlo
 
A

amhal

Utente Attivo
17 Feb 2011
89
1
8
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>
Clicca per allargare...

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


Spero ti sia utile ciao
 
V

vodka

Utente Attivo
25 Giu 2010
128
0
0
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?
 
A

amhal

Utente Attivo
17 Feb 2011
89
1
8
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.527
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
E Creare un testo trasparente dietro un div HTML e CSS 5
M Creare traccia di download file sul server HTML e CSS 2
A Cerco programmatore/sviluppatore per creare forum Offerte e Richieste di Lavoro e/o Collaborazione 2
L Creare ancore interne alla pagina PHP 1
I Creare un banner temporaneo JavaScript Javascript 0
C Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio PHP 27
simgia Cordova errore quando cerco di emulare o creare la app Sviluppo app per Android 2
U PHP creare un file excel dopo ricerca nel DB PHP 0
A Creare un cronometro PHP 5
G [PHP] Creare script di prenotazione con controllo disponibilità. PHP 7
F Creare elementi html con javascript Javascript 3
Shyson Modificare codice e creare link PHP 0
Cosina Creare bottone delete in form upload PHP 5
Cosina Creare bottone delete in form upload PHP 1
M Creare un campo input select quantità di un numero intero prelevato dal db PHP 3
L Creare una forma geometrica Photoshop 1
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 8
S Libreria PHP per creare file dwg o dxf PHP 0
R Come creare sistema Add to homescreen PHP 3
L Creare un countdown con giorno specifico della settimana PHP 3
W Creare link di una dato Classic ASP 0
W creare file .jar Java 2
M Creare con il Vb 2010 Il Classico Notes di Windows Vista Visual Basic 1
MarcoGrazia Creare una password Snippet Javascript 0
J creare pagina php di prenotazione PHP 5
A Creare un modulo di ricerca avanzata con dreamweaver HTML e CSS 0
INTEROPERABILITY Sviluppatrice/formatrice creare APP Offerte e Richieste di Lavoro e/o Collaborazione 0
L Creare una pagina pre-home WordPress 1
G Creare side-bar non visibile da dispositivi mobile HTML e CSS 0
L creare oggetti da una classe tramite un form Javascript 0
Web93 CREARE SITO WEB COMICS CON WORDPRESS WordPress 0
maxnegri Contare sessioni aperte e creare condizione PHP 1
A Come creare pulsante donazione PayPal HTML e CSS 5
L [CERCO] Creare blog su WordPress con tema Divi Offerte e Richieste di Lavoro e/o Collaborazione 3
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
R [Photoshop] Creare Azione Photoshop 1
F [PHP] creare tabella e tasto cerca PHP 3
A Creare con Javascript un percorso all'interno di uno spazio Javascript 0
B [PHP] Creare PDF dopo inserimento dati form PHP 4
A [HTML] Creare sito web per eLearnig HTML e CSS 2
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
Spenalzo Creare tabelle multiple con Access via VBA MS Access 2
R [PHP] Creare sistema random PHP 3
D [PHP] Consigli su come creare form PHP 1
I Creare Qsl radioamatore con testo editabile Presentati al Forum 1
T [PHP] Creare Honeypot per form contatti PHP 10
S [PHP] Creare collegamento filtri di ricerca al database PHP 6
Z Creare VirtualHost Apache2 con PHP? Programmazione 0
max_400 [HTML] Come creare un jpg animata (non gif animata) HTML e CSS 3
A Come creare un framset Sviluppo app per Android 1

Discussioni simili

Alto Basso