CSS – Technobabbles

Archive by category "CSS"

Technobabbles Strips for a Day

dgw 2008-04-08 - 22:26 2015-10-29CSS, holidays, internet, My Websites 0

You might notice something different about this site for the next 24 hours or so if you’re a regular reader. The page looks different, doesn’t it? I’ll explain why right now. See, I have a feed subscription to someone named Dustin Diaz, who runs his own blog. He started CSS Naked Day in 2006, and had another one last year with over 1,600 participants. This year, April 9th is the date, and I’m participating as well. CSS Naked Day shows off how much CSS has changed Web design. Sites that use standards-compliant and semantic markup will be perfectly functional without…

Sorry, Microsoft and IE7

dgw 2007-10-13 - 20:30 2007-10-13CSS, internet, Internet Explorer, Microsoft, My Websites 0

I owe Microsoft and IE7 an apology. Last month, when I complained that IE7 wouldn’t layer properly, that was really my fault for thinking I needed to fix something that wasn’t broken. I set different background coordinates in the IE7 stylesheet (which is now empty thanks to my testing) and messed it up myself. So ignore if you came across it, or do in the future, because it’s wrong. I guess my developers’ hate for IE kept me from trying the most obvious solution: removing the fix and seeing if it was actually broken. Sorry, Microsoft.

Looks Like IE7 is Finally Arriving, But Windows Vista Bites

dgw 2007-10-04 - 01:05 2007-10-04CSS, internet, Internet Explorer, JavaScript, technology 0

Reviewing the site stats for this blog, I see a distinct prevalence of visits from IE7 users over IE6. Firefox still seems to dominate my hits, but Internet Explorer’s own little battle of the versions seems to be turning. A few months ago, not many people I knew used IE7; now I can see the trend clearly. It looks like the day may be coming when I can dump support for IE6 completely as regards my Web development and focus on IE7 fixes. Like the old IE5, version 6 of the venerable, annoying (to developers) browser may soon see its…

Internet Explorer 7 Doesn’t Layer Properly

dgw 2007-09-16 - 21:05 2007-09-16complaints, CSS, internet, Internet Explorer, Microsoft, My Websites 0

In the process of developing a new website I have, I discovered a major flaw in Internet Explorer 7 (IE7) that shows itself when a floated element has background-color: transparent set in the CSS properties. It appears that if the element is floated inside another element with an opaque background, that background becomes transparent also in the area under the transparent element, effectively showing the page background. I have tested this with tiled image backgrounds, however it may show up in colored backgrounds as well. I spent about two hours tonight alternately searching for solutions on Google and discussing the…

Navigation Makeover

dgw 2007-06-22 - 20:00 2015-10-29CSS, internet, JavaScript, jQuery, My Websites 0

I have made some major changes to the navigation on my website. I made it so it can be tiered, and have collapsible sections. It works in IE6 and FF2 on XP, and Safari 2 on Mac, but I do not know definitively about IE7 XP/Vista. If anyone can help test the design, please let me know in the comments. Thanks!

So Many Goodies

dgw 2007-06-20 - 16:10 2007-06-20CSS, internet, JavaScript, jQuery, My Websites 0

Over the last two days, I’ve added tons of new goodies to my website. First off, I redesigned the navigation (still a few tweaks to go in IE7), with tiered levels. I also added AJAX login, settings, and logout, replacing the old links. This and the new picture gallery (in the members’ section) are both based on a new jQuery plugin, Thickbox. I’m also planning on adding jQuery rounded corners so they’ll show up in both IE and Firefox (and any other browser that either has Canvas or can have it added with JS).

It May Suck, and It May Explode the Internet

dgw 2007-06-15 - 14:54 2015-10-29CSS, internet, Internet Explorer, My Websites, technology 0

…but Micro$loth Suckernet Exploder (I mean Microsoft Internet Explorer, of course 😉 ) can finally work with my website! After applying a couple CSS tricks I found in various resources (books and the Internet), I managed to make the site work (almost) perfectly in IE 5.5 and up. Internet Explorer 7 is, of course, the best implementation, but IE 6 and IE 5.5 are close, with just a few pixels here and there off. There is a strange gap in the border between the content and the navigation, but that disappears in IE 7, so I won’t worry about it…

Website…Upgraded (Again)

dgw 2007-02-15 - 02:06 2015-10-29CSS, internet, JavaScript, jQuery, My Websites, technology 0

Over the past couple days, I’ve been delving into the additional features provided by the extremely powerful jQuery JavaScript library. Some of the best things are fades and other animations, which I’ve used to enhance the warning and message banners that appear on the site from time to time. They now fade in gracefully when the page finishes loading, and slide out the top after a short while. You can see the effect, whether you have an account or not, at http://web.augsburg.edu/~werlm/cada/?msg=outnote (msg=outnote designates that a banner should appear). You should have Firefox to actually view the website.

[Drools] Rounded Corners… Columns… Templates… Dang! It’s CSS3 :(

dgw 2007-01-09 - 21:18 2007-01-09CSS, Firefox, internet, Microsoft, technology 0

I’ve been exploring the features of CSS3 over the last few days, and I’m loving it absolutely. Too bad it won’t be really supported until 2010. It has so many useful features, like native column support, rounded corners, cross-browser opacity control, and all kinds of other useful and cool things. Too bad none of the current browsers on the market support any of the features. Mozilla and Firefox come close with proprietary -moz commands, but all the other browsers (those not based on Mozilla) don’t display them. It could be a while before CSS3 is turned into a standard, but…

Website (Redux)

dgw 2006-12-31 - 15:48 2006-12-31CSS, Firefox, internet, Microsoft, My Websites 0

‘Ello, everyone. A while ago, I about updating one of my websites with an LCARS template (you know, the Star Trek interface?). I also posted an update to that same post that said the upgrade was canceled. I regret to say that this is true; I didn’t have time to implement the design. It would have required editing graphics files, using all kinds of absolute positioning, etc. It just wasn’t worth the trouble. I did say there was a new template in the works, though. That is true; I’ve been working on it for a while now, say two or…

Category: CSS