Salve a tutti,
sto facendo questo sito: http://fifanetwork.altervista.org/ ed ho un problema con due div con il "quadrato" di sinistra.
Praticamente ho il div principale, e dentro quello principale metto la barra del titolo, e dopo sotto un altro div dove metto il testo.
Il div della barra e del testo vanno in contrasto tra di loro, se vedo uno non vedo l'altro....
Ecco il css
Areaalbo sarebbe il contenitore, e barra e testoalbo sono i due div che vanno in contrasto.
E il codice html è questo:
sto facendo questo sito: http://fifanetwork.altervista.org/ ed ho un problema con due div con il "quadrato" di sinistra.
Praticamente ho il div principale, e dentro quello principale metto la barra del titolo, e dopo sotto un altro div dove metto il testo.
Il div della barra e del testo vanno in contrasto tra di loro, se vedo uno non vedo l'altro....
Ecco il css
Codice:
#areaalbo {
width: 250px;
height: 150px;
border-right-color: #499b00;
border-right-style: solid;
border-right-width: 1px;
border-left-color: #499b00;
border-left-style: solid;
border-left-width: 1px;
border-top-color: #499b00;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color: #499b00;
border-bottom-style: solid;
border-bottom-width: 1px;
float: left;
margin-left: 32px;
margin-top: 5px;
background-color: #efefef;
}
#barra {
width: 250px;
height: 20px;
background-color: #499b00;
position: absolute;
margin: 0 auto;
}
#testoalbo {
width: 250px;
height: 130px;
background-color: #efefef;
float: left;
margin-bottom: 0px;
}
Areaalbo sarebbe il contenitore, e barra e testoalbo sono i due div che vanno in contrasto.
E il codice html è questo:
Codice:
<div id="areaalbo"><div id="barra><h3>ALBO D'ORO</h3></div>
<div id="testoalbo">aa</div>