<$BlogArchiveName$> how to un-indent??, help with blog template formatting Options

[akidd]

I have the following in my sidebar on my blogger website My Webpage template:

<!-- begin code provided by createblog.com --><br />  <ul><br />   <BloggerArchives><li style="font-variant: small-caps; list-style: none; list-style-type: none; white-space: nowrap;"><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></li></BloggerArchives><br />   <!-- Link to the front page, from your archives --><br />   <script type="text/javascript">if (location.href.indexOf("archive")!=-1) document.write("<li><strong><a href=\"<$BlogURL$>\">Current Posts</a></strong></li>");</script> <br />  </ul><br /><!-- end code provided by createblog.com -->

How do I get rid of that indent so the archives are left justified? Pulling my hair out!

[*mipadi*]

You can do it easily with stylesheets. The problem is that different browsers interpret and display the list items differently. Mozilla-based browsers display the indentation as padding, while Internet Explorer displays it as a margin (not sure what KHTML-based and other browser engines use). Therefore, to work in all browsers, you must set both style attributes. In your stylesheet, make up a style like this:

CODE

ul {
   padding-left:0px;
   margin-left:0px;
}

That will make the list have no indentation across browesrs (or it should, anyway).