div uno sopra l'altro

**fulmine982** · 10-05-2012, 11:59

ciao ragazzi ho un problema,

ho un div con un img in background su questo div vorrei mettere un altro con testo in html come impostare i css di questi due div?

**MEURI** · 10-05-2012, 13:57

Un metodo consiste nel dichiarare due div annidati. In questo esempio ho utilizzato un id e una classe:

codice:

#box_sfondo { 
/** parametri immagine **/ 
} 

#box_sfondo .box_testo { 
/** parametri testo **/
}

sul file html avrai invece:

codice:

<div id="box_sfondo">
              <div class="box_testo">
                 

Il tuo testo va qui</p>
              </div>
</div>

**fulmine982** · 10-05-2012, 14:24

in questo modo avrei l'immagine dichiarata nel div il testo annidato all'interno giusto Meuri?

**MEURI** · 10-05-2012, 15:49

Esatto

**fulmine982** · 10-05-2012, 15:52

mitico appena arrivo a casa provo! =) almeno che non conosci un softwarefree analogo a dreamweaver anche più scaccione e provo subito :P

**fulmine982** · 10-05-2012, 22:47

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#box_sfondo {
background-image:url(Senza-titolo2.png);
background-repeat:no-repeat;
width:293px;
height:151px;
/** parametri immagine **/
}
#box_sfondo .box_testo p {
font-family:Arial, Helvetica, sans-serif;
box-shadow:#3FC;
margin:10px 18px 10px 22px;
/** parametri testo **/
}
</style>
</head>

<body>
<div id="box_sfondo">
<div class="box_testo">

l'amore mio

:*:*:*::*</p>
</div>
</div>
</body>
</html>

non funziona così...

o meglio si ma non è perfetto...

**catsniffer** · 11-05-2012, 01:12

Non ho ben capito lo scopo. Perchè non inserire il testo direttamente in quel div?

Discussione: div uno sopra l'altro

Strumenti discussione

Ricerca discussione

Visualizza

div uno sopra l'altro

Permessi di invio