Blogroll CSS
-
Hi,
All of the images and text in my left sidebar are properly placed, and I would now like to include an RSS icon for each of those items represented in my blogroll. The problem is when I provide the icon for any of the links, the icon is overly indented in the sidebar and the URI is placed on the next line. Below is the existing CSS for the sidebar. I need the CSS to align the icon and link on the same line, and 6px to the left of where it is presenting, without affecting everything else in the sidebar.
Thanks in advance,
Sue#left {
width: 179px;
float:left;
margin: 0;
padding: 0;
overflow: hidden;
}#left h2 {
color: #fff;
background: #6A829E;
font-family: verdana, “Microsoft Sans Serif”, Times, serif;
font-size: 8pt;
padding: 3px 6px;
margin: 0px;
margin: 0 0 10px 0;
border-bottom: 1px solid #fff;
}#left p {margin:0 6px 0 12px; padding: 0;}
#left a {color: #6A829E; display: inline; text-decoration: none; margin: 0; padding: 0; line-height: 14pt;}
#left a:hover {color: #333; text-decoration: underline;}#left ul{
list-style-type:none;
margin:0 0 12px 0;
padding:0;
}#left ul li{
list-style-type:none;
margin:0 0 0 12px;
padding:0;
}#left ul ul{
margin:0;
padding:0;
}#left ul ul li{
/* list-style-type:square;
list-style-position: inside; */
margin:0 0 0 12px;
padding:0;
color: #6A829E;
}#left ul li.recentcomments {
margin: 0 12px 0 12px;
}#left ul li.recentcomments a{
line-height: 12pt;
}
- The topic ‘Blogroll CSS’ is closed to new replies.