div uno sopra l'altro

scegli un altro forum

Indietro Ricarica Avanti

Autore

Discussione

fulmine982
Utente di HTML.it

Registrato il: Nov 2008

Provenienza: Milano

Messaggi: 22

ICQ:

MSN: fulmine982@hot mail.com

Skype: giulio821

div uno sopra l'altro

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?

__________________
gapdifferent - web designer freelance

sito: www.gapdifferent.it
sito: www.gapdifferent.altervista.org
e-mail.: gap@gapdifferent.it

Segnala ad un moderatore | IP: Collegato | Permalink

10-05-2012 10:59

Clicca qui per inviare all'utente fulmine982 un messaggio privato

Visita l'homepage dell'utente fulmine982

Visualizza ulteriori messaggi scritti dall'utente fulmine982

Aggiungi l'utente fulmine982 alla tua lista degli utenti amici

MEURI
Utente di HTML.it

Registrato il: Aug 2006

Provenienza: Cagliari

Messaggi: 122

ICQ :

MSN :

Skype :

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">
                 <p>Il tuo testo va qui</p>
              </div>
</div>

__________________
www.keysoul.it

Segnala ad un moderatore | IP: Collegato | Permalink

10-05-2012 12:57

Clicca qui per inviare all'utente MEURI un messaggio privato

Visualizza ulteriori messaggi scritti dall'utente MEURI

Aggiungi l'utente MEURI alla tua lista degli utenti amici

fulmine982
Utente di HTML.it

Registrato il: Nov 2008

Provenienza: Milano

Messaggi: 22

ICQ :

MSN : fulmine982@hot mail.com

Skype : giulio821

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

__________________
gapdifferent - web designer freelance

sito: www.gapdifferent.it
sito: www.gapdifferent.altervista.org
e-mail.: gap@gapdifferent.it

Segnala ad un moderatore | IP: Collegato | Permalink

10-05-2012 13:24

MEURI
Utente di HTML.it

Registrato il: Aug 2006

Provenienza: Cagliari

Messaggi: 122

ICQ :

MSN :

Skype :

Esatto

__________________
www.keysoul.it

Segnala ad un moderatore | IP: Collegato | Permalink

10-05-2012 14:49

fulmine982
Utente di HTML.it

Registrato il: Nov 2008

Provenienza: Milano

Messaggi: 22

ICQ :

MSN : fulmine982@hot mail.com

Skype : giulio821

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

__________________
gapdifferent - web designer freelance

sito: www.gapdifferent.it
sito: www.gapdifferent.altervista.org
e-mail.: gap@gapdifferent.it

Segnala ad un moderatore | IP: Collegato | Permalink

10-05-2012 14:52

fulmine982
Utente di HTML.it

Registrato il: Nov 2008

Provenienza: Milano

Messaggi: 22

ICQ :

MSN : fulmine982@hot mail.com

Skype : giulio821

<!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">
<p>l'amore mio

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

non funziona così...

o meglio si ma non è perfetto...

__________________
gapdifferent - web designer freelance

sito: www.gapdifferent.it
sito: www.gapdifferent.altervista.org
e-mail.: gap@gapdifferent.it

Segnala ad un moderatore | IP: Collegato | Permalink

10-05-2012 21:47