• Home
  • Forum
  • Fare Web
  • HTML e CSS

Creare un riquadro che contenga immagine e descrizione

  • Creatore Discussione Creatore Discussione vodka
  • Data di inizio Data di inizio 1 Mar 2011
V

vodka

Utente Attivo
25 Giu 2010
128
0
0
  • 1 Mar 2011
  • #1
come faccio a creare un piccolo riquadro con bordi sfumati dove all'interno ci metto un'immagine e una descrizione?
 

micio86

Utente Attivo
15 Mar 2011
287
0
0
38
peschiera borromeo (MI)
www.laserpunch.tk
  • 21 Mar 2011
  • #2
usa

Usa i div e i css!
Fai un div interno che sarà il tuo riquadro.
Un div leggermente più grande che contiene il primo e ha come immagine di sfondo l'ombra o la sfumatura che vuoi usare
 
V

vodka

Utente Attivo
25 Giu 2010
128
0
0
  • 21 Mar 2011
  • #3
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
  • 22 Mar 2011
  • #4
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
  • 23 Mar 2011
  • #5
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
  • 24 Mar 2011
  • #6
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 ), se poi non è quello che volevi, posta il codice di quello che hai così ci si lavora su..

ciao
 

Allegati

  • sfondo.gif
    4,1 KB · Visite: 4.609
Devi accedere o registrarti per poter rispondere.

Discussioni simili

R
Creare report da una data.
  • Ramon
  • 10 Mag 2025
  • MS Access
Risposte
0
Visite
315
MS Access 10 Mag 2025
Ramon
R
S
Creare un bollettino postale in html o altro linguaggio
  • salvo_76
  • 8 Giu 2024
  • HTML e CSS
Risposte
3
Visite
2K
HTML e CSS 2 Feb 2025
Fra_23
F
F
Salve a tutti, devo creare un sito web/gioco online dove cliccando il tasto 'Inizia' del form viene estratta una capitale casualmente dal
  • faccone
  • 8 Mag 2024
  • PHP
Risposte
1
Visite
1K
PHP 23 Apr 2025
webest
C
Come ricreare questo calcolatore di prezzi a step con woocommerce?
  • calmabubbasst
  • 20 Feb 2024
  • WordPress
Risposte
0
Visite
2K
WordPress 20 Feb 2024
calmabubbasst
C
E
Creare un testo trasparente dietro un div
  • enzo_88
  • 13 Set 2023
  • HTML e CSS
Risposte
5
Visite
3K
HTML e CSS 17 Set 2023
WmbertSea
M
Creare traccia di download file sul server
  • Morgy
  • 29 Lug 2023
  • HTML e CSS
Risposte
2
Visite
2K
HTML e CSS 14 Ago 2023
Morgy
M
A
Cerco programmatore/sviluppatore per creare forum
  • Alsi
  • 9 Lug 2023
  • Offerte e Richieste di Lavoro e/o Collaborazione
Risposte
3
Visite
5K
Offerte e Richieste di Lavoro e/o Collaborazione 17 Mag 2024
Riminese
R
L
Creare ancore interne alla pagina
  • luis45
  • 5 Lug 2023
  • PHP
Risposte
1
Visite
1K
PHP 6 Lug 2023
WmbertSea
I
Creare un banner temporaneo JavaScript
  • IlTizioScriptato
  • 25 Apr 2023
  • Javascript
Risposte
0
Visite
2K
Javascript 25 Apr 2023
IlTizioScriptato
I
C
Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio
  • Cavaliere
  • 8 Dic 2022
  • PHP
  • 2
Risposte
27
Visite
4K
PHP 14 Dic 2022
Cavaliere
C
Cordova errore quando cerco di emulare o creare la app
  • simgia
  • 19 Lug 2022
  • Sviluppo app per Android
Risposte
2
Visite
3K
Sviluppo app per Android 29 Lug 2022
simgia
U
PHP creare un file excel dopo ricerca nel DB
  • Umberto Federico
  • 15 Giu 2022
  • PHP
Risposte
0
Visite
1K
PHP 15 Giu 2022
Umberto Federico
U
A
Creare un cronometro
  • andrea_php
  • 3 Feb 2022
  • PHP
Risposte
5
Visite
2K
PHP 7 Feb 2022
otto9due
G
[PHP] Creare script di prenotazione con controllo disponibilità.
  • Gabriele_04
  • 3 Set 2021
  • PHP
Risposte
7
Visite
5K
PHP 8 Set 2021
Rikk73
F
Ricreare struttura php+mysql su Xampp
  • francescoITA
  • 23 Ago 2021
  • Apache
Risposte
0
Visite
6K
Apache 23 Ago 2021
francescoITA
F
F
Creare elementi html con javascript
  • Fra_23
  • 7 Mag 2021
  • Javascript
Risposte
3
Visite
3K
Javascript 10 Ago 2021
McLeanerGla
M
Modificare codice e creare link
  • Shyson
  • 5 Mag 2021
  • PHP
Risposte
0
Visite
1K
PHP 5 Mag 2021
Shyson
Creare bottone delete in form upload
  • Cosina
  • 25 Apr 2021
  • PHP
Risposte
5
Visite
2K
PHP 21 Ago 2021
princebhaini8
P
  • Bloccata
Creare bottone delete in form upload
  • Cosina
  • 24 Apr 2021
  • PHP
Risposte
1
Visite
1K
PHP 25 Apr 2021
Max 1
M
Creare un campo input select quantità di un numero intero prelevato dal db
  • maxnegri2036
  • 10 Mar 2021
  • PHP
Risposte
3
Visite
1K
PHP 11 Mar 2021
maxnegri2036
M
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • HTML e CSS
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?