C
claudia
I've a page with 3 div with title images .... under each title area I
need to create an area (content area) for insert text... each area is
under the above title DIV
title areas:
bar_s (516px) - bar_e(229px) - bar_n (229px)
and under 3 box for contents
My problem is that I can't position the 3 box under each "title area"
HTML code
<div id="bar">
<div id="bar_s"><div id="bar_e"><div id="bar_n">
</div>
<div id="content">
<div id="content_s">sdsad</div>
<div id="content_e">asdas</div>
<div id="content_n">3333</div>
</div>
CSS code:
#main
{
width: 980px;
height: 100%;
}
#bar_s
{
margin-top: 8px;
height: 60px;
background: url(images/bar_s.png) no-repeat;
}
#bar_e
{
margin-left: 518px;
margin-top: 8px;
height: 58px;
background: url(images/bar_e.png) no-repeat;
}
#bar_n
{
margin-left: 231px;
margin-top: 8px;
height: 58px;
background: url(images/bar_e.png) no-repeat;
}
#content_s
{
width: 518px;
margin-top: 8px;
height: 360px;
background: #000044;
}
#content_e
{
width: 231px;
margin-top: 8px;
height: 360px;
background: #000999;
}
#content_n
{
width: 231px;
margin-top: 8px;
height: 360px;
background: #006666;
}
Io vorrei solo le 3 barre (immagini) con i titoli allineate orizzontalmente
e sotto le 3 aree di testo in cui posso inserire i miei contenuti
(incolonnati con i rispettivi titoli superiori)
Cosa sbaglio??
Grazie
need to create an area (content area) for insert text... each area is
under the above title DIV
title areas:
bar_s (516px) - bar_e(229px) - bar_n (229px)
and under 3 box for contents
My problem is that I can't position the 3 box under each "title area"
HTML code
<div id="bar">
<div id="bar_s"><div id="bar_e"><div id="bar_n">
</div>
<div id="content">
<div id="content_s">sdsad</div>
<div id="content_e">asdas</div>
<div id="content_n">3333</div>
</div>
CSS code:
#main
{
width: 980px;
height: 100%;
}
#bar_s
{
margin-top: 8px;
height: 60px;
background: url(images/bar_s.png) no-repeat;
}
#bar_e
{
margin-left: 518px;
margin-top: 8px;
height: 58px;
background: url(images/bar_e.png) no-repeat;
}
#bar_n
{
margin-left: 231px;
margin-top: 8px;
height: 58px;
background: url(images/bar_e.png) no-repeat;
}
#content_s
{
width: 518px;
margin-top: 8px;
height: 360px;
background: #000044;
}
#content_e
{
width: 231px;
margin-top: 8px;
height: 360px;
background: #000999;
}
#content_n
{
width: 231px;
margin-top: 8px;
height: 360px;
background: #006666;
}
Io vorrei solo le 3 barre (immagini) con i titoli allineate orizzontalmente
e sotto le 3 aree di testo in cui posso inserire i miei contenuti
(incolonnati con i rispettivi titoli superiori)
Cosa sbaglio??
Grazie