In a previous post I showed you how to create a custom widget, then I showed you how to create a widget for your monthly archives, and limit the month’s that show. I am showing the past 4 months in my widget at this time.
One of my readers: Alex asked:
How did you make the archives widget to show the dates separately into two columns?
Now I will show you a CSS trick to create this effect:
First we will give the unordered list a width of 100%:
ul#archives { width:110%; }
Then we will style the <li>
nested inside.
ul#archives li { display:inline; float:left; width:120px; }
And that is it. Please make sure that you clear the float
after your closing </ul>
.
Would you like a recipe, if it…
Pinterest is a social media website where users share their favorite images from around the…
Having a web presence is extremely important when it comes to marketing your business, and…
Chances are you have a Facebook and Twitter account, but what about LinkedIn? Do you…
It doesn’t really matter in what kind of business you are; it is human behavior…
With Google Chrome extensions, you can tweak your Google browser and make it more user-friendly.…
View Comments
Thank you, man!
nice information
This is great but is there away to make the list go 1-2 on the left column and then 3 & 4 on the right. I have spent ages trying to organize a list like that. I think it would make sense, if you have a list in 2 columns, you first read the left one and then the right one. Any thoughts or suggestions on this would be much appreciated
As far as I know, I don't know a way to do this.