As I’ve had this site for a while, I’ve become less and less of a stats whore, but at least a few times a month I check my referrer logs. The past month or so, I’ve been linked to by two separate design showcase sites. The first, Liquid Designs, showcases sites that use liquid width design. A lot of this site is based on that concept, and it’s something I’m learning more about. The second, and more recent is from Design Melt Down, part of their “Beautiful Blogs” section.
I did put a lot of time into this past springs CSSReboot for the site, and have tried to maintain the site despite the lapses in content. However I would have never expected ANY type of recognition for the work. So to the operators of the site, and those that have clicked over, thanks.
Miklb's Mindless Ramblings
chronicling life in a digital world
I did a google search for the solution to a problem I had with some CSS and image links, and didn’t find a good solution, so I’m throwing this out there for anyone who might stumble upon it.
The problem I was having was that I was creating a site with a black ground. There was a global setting for all a:hover links to have a background color and different font color, a common effect. However, any image links that I had were also getting a small box of the same color at the bottom when I moused over it, not at all good looking. I tried setting the selector a:hover img to a black backgroud, but the color still showed up. After closer inspection of my style sheet, I had set a global marign and padding on all images. When I set those to zero, the color didn’t show up. However, I didn’t want to sacrifice all images to not have to margin or padding, or force the end user to add a special class to images, so I tried setting the a:hover img margins and padding to zero. The problem there was that the image would “jerk” when moused over, as the margin and padding shifted. So I simply set a img to zero margins and padding, and my problem was solved. The only down fall is if someone wants to post an image in a blog post that’s a link, the text will butt right up against it. However, if that problem arises, I can then set a class for that image, and should be able to give the image room.
Anyway, like I said, I didn’t find a solution in the first few pages of google, not that this will make those pages neccessarily, but it’s worth throwing out there.
Inline CSS Tabs with Rounded Corners
Another great tutorial outlining CSS based navigation.
I cobbled this design out of something else I was working on, to break out of the constraints of using someone else’s work, but intend on something extrordinary for the site, especially the oft-not used entry page. So I signed up for the CSS Reboot as a means of having a tangible goal, as well as some pressure to knock one out of the park. So things won’t change much around here until May, but check back then for a whole new miklb.com.
Internet Explorer 7: Beta 2 PreviewI never thought I’d herald the release of an IE product, and after testing it I may not be so interested, but if you’ve ever sat up until 5am trying to hack IE bugs in a completely valid site while your client in California keeps saying, “In IE…”, then the prospects of some of those bugs being gone is well, worth the annoucement.
Annouced last July on the developer’s blog, these bugs are supposed to be addressed in beta 2.
- Peekaboo bug
- Guillotine bug
- Duplicate Character bug
- Border Chaos
- No Scroll bug
- 3 Pixel Text Jog
- Magic Creeping Text bug
- Bottom Margin bug on Hover
- Losing the ability to highlight text under the top border
- IE/Win Line-height bug
- Double Float Margin Bug
- Quirky Percentages in IE
- Duplicate indent
- Moving viewport scrollbar outside HTML borders
- 1 px border style
- Disappearing List-background
- Fix width:auto
And I’ll say a bug I spent several hours hacking last night is fixed in beta2. Good sign (it was a lesser known a:hover background sticking bug, for those who care).
Like I said, maybe a little less cursing now.












