Stiffler
21-06-2011, 19:45
Chciałbym żeby każdy moduł jaki dodam w lewej kolumnie miał: Belke z tytułem (zrobione), treśc modułu wypełniona backgroundem (zrobione) no i zakończenie w postaci lekkiego cienia
css:
<div id="menu_lewe">
<jdoc:include type="modules" name="menu_lewe" style="xhtml" />
<div id="menu_lewe_dol">
</div>
</div>
#menu_lewe{
width:198px;
float:left;
text-align:left;
background:url(images/menu_lewe_srodek.png) repeat-y left;
margin:0px;
padding:0px;
boreder:0xp;
}
#menu_lewe h3{
width:198px;
height:40px;
background:url(images/menu_lewe_gora.png) no-repeat;
text-align:left;
color:white;
padding-top:10px;
padding-left:10px;
font:14px verdana bold;
margin:0px;
}
#menu_lewe ul{
list-style:none;
text-align:left;
margin-left:10px;
}
#menu_lewe li a{
text-decoration:none;
color:4f6ded;
font-weight:bold;
padding:0px;
margin:0px;
text-align:left;
}
#menu_lewe_dol{
background:url(images/menu_lewe_dol.png) no-repeat;
width:192px;
margin-bottom:15px;
}
I w tym momencie nie ma tej belki wogole. A firebug pokazuje że jest ale pod ostatnim modułem w lewej kolumnie. A powinna być pod każdym. Jak to zrobic?
css:
<div id="menu_lewe">
<jdoc:include type="modules" name="menu_lewe" style="xhtml" />
<div id="menu_lewe_dol">
</div>
</div>
#menu_lewe{
width:198px;
float:left;
text-align:left;
background:url(images/menu_lewe_srodek.png) repeat-y left;
margin:0px;
padding:0px;
boreder:0xp;
}
#menu_lewe h3{
width:198px;
height:40px;
background:url(images/menu_lewe_gora.png) no-repeat;
text-align:left;
color:white;
padding-top:10px;
padding-left:10px;
font:14px verdana bold;
margin:0px;
}
#menu_lewe ul{
list-style:none;
text-align:left;
margin-left:10px;
}
#menu_lewe li a{
text-decoration:none;
color:4f6ded;
font-weight:bold;
padding:0px;
margin:0px;
text-align:left;
}
#menu_lewe_dol{
background:url(images/menu_lewe_dol.png) no-repeat;
width:192px;
margin-bottom:15px;
}
I w tym momencie nie ma tej belki wogole. A firebug pokazuje że jest ale pod ostatnim modułem w lewej kolumnie. A powinna być pod każdym. Jak to zrobic?