Jeg vil gerne have grafiske elementer i mine to sidebars (jeg har et tema med tre kolonner), men jeg kan ikke gennemskue hvor, jeg skal indsætte grafikken, og hvilken kode den skal sættes ind med.
Min css til sidebar er her:
/************************************************
* Sidebar *
************************************************/
#secondary {
width: 420px;
padding: 0px;
float: right;
}
#l_sidebar {
float: left;
width: 200px;
padding: 0px 5px 20px 0px;
}
html>body #sidebar {
width: 200px;
}
#l_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px;
line-height: 1.5em;
font-size: 12px;
color: #595441;
}
#l_sidebar ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 3px;
font-size: 12px;
line-height: 1.5em;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#l_sidebar li {
margin: 0px;
padding: 0px;
color: #595441;
}
#l_sidebar ul li {
margin: 0px;
padding: 5px 0px 0px 0px;
}
#l_sidebar ul li a {
color: #595441;
text-decoration: none;
}
#l_sidebar ul li a:hover {
color:#4A8797;
}
#l_sidebar ul ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 14px;
font-size: 12px;
color: #595441;
line-height: 1.5em;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#l_sidebar ul ul li{
margin: 0px;
}
#l_sidebar ul ul ul{
margin-top:0;
margin-bottom:0;
padding: 0px 0px 0px 14px;
font-size: 12px;
line-height: 1.5em;
color: #595441;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#l_sidebar ul ul ul li{
margin: 0px;
}
#r_sidebar {
float: right;
width: 195px;
padding: 0px 5px 20px 15px;
}
#r_sidebar ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
font-size: 12px;
line-height: 1.5em;
color: #4A8797;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#r_sidebar li {
margin: 0px;
padding: 0px;
color: #595441;
}
#r_sidebar ul li {
margin: 0px;
padding: 5px 0px 0px 0px;
}
#r_sidebar ul li a {
color: #595441;
text-decoration: none;
}
#r_sidebar ul li a:hover {
color:#4A8797;
}
#r_sidebar ul ul {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
padding: 0px 0px 0px 14px;
font-size: 12px;
color: #4A8797;
line-height: 1.5em;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#r_sidebar ul ul li{
margin: 0px;
}
#r_sidebar ul ul ul{
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
font-size: 12px;
line-height: 1.5em;
color: #4A8797;
list-style-type: disc;
list-style-position: outside;
color: #595441;
}
#r_sidebar ul ul ul li{
margin: 0px;
}
#r_sidebar p{
padding: 3px 0px 0px 0px;
margin: 0px 0px 20px 0px;
line-height: 17px;
font-size: 1.1em;
color: #595441;
}
li .categories, li .linkcat, li .pagenav {
margin: 0px;
padding: 0px;
}
.sidebarSearch{
clear: both;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
}
.feedarea {
height: 30px;
background-image:url(images/feedicon.png);
background-repeat: no-repeat;
padding-left:20px;
}
.feedarea a {
color: #595441;
}
-------------------------------------------------
På forhånd mange tak for hjælpen!