Need Help With CSS
-
Having trouble getting things to line up right in the side bar. Under Archives and Categories the post count appears on a separate line. I’d like them on the same line. You can see what I’m talking about at badevan.com
Here is the part of my CSS that I think is goofing up:
.list {
background: url(images/center-s.gif) repeat-y;
margin: 0px;
padding: 6px 10px 0px;
float: left;
width: 201px;
list-style-type: none;
}
.list li {
font-size: 11px;
line-height: 16px;
color: #FFFFFF;
margin: 0px 0px 5px;
padding: 0px;
float: left;
}
.list ul {
margin: 0px;
padding: 0px;
float: left;
width: 191px;
list-style-type: none;
}
.list ul li {font-size: 11px;
line-height: 16px;
color: #FFFFFF;
margin: 5px 0px 0px;
padding: 0px;
float: left;
}
.list li a {
color: #F8F8F8;
text-decoration: none;
display: block;
margin: 0px;
float: left;
width: 186px;
padding-left: 15px;
background: url(images/dot.gif) no-repeat left 2px;
}
.list ul li a {color: #F8F8F8;
text-decoration: none;
display: block;
margin: 0px;
float: left;
width: 176px;
padding-left: 15px;
background: url(images/dot.gif) no-repeat left 2px;
}
.close-ul {
background: url(images/bot-s.gif) no-repeat top;
float: left;
height: 37px;
width: 221px;
}
.list li a:hover {color: #CCCCCC;
text-decoration: underline;
display: block;
margin: 0px;
float: left;
width: 186px;
padding-left: 15px;
background: url(images/dot.gif) no-repeat left 2px;
}
.list ul li a:hover {color: #CCCCCC;
text-decoration: underline;
display: block;
margin: 0px;
float: left;
width: 176px;
padding-left: 15px;
background: url(images/dot.gif) no-repeat left 2px;
}Thanks,
Evan
- The topic ‘Need Help With CSS’ is closed to new replies.