CSS Woes

Javascript IE 6 Transparency Fix

bryand — Mon, 15 Sep 2008 17:15:08 +0000

I haven’t tried this out myself yet, but I thought I’d share this with everyone having trouble with transparent images. Hopefully this will help.

http://jquery.andreaseberhard.de/pngFix/

It’s a javascript alternative to fixing the transparency of images. With this, you probably won’t need the iepngfix.htc anymore.

Hope this helps!

20+ common bugs and fixes

bryand — Sat, 21 Jun 2008 18:12:39 +0000

This article was on digg a while back. I meant to post it on here too, but I forgot up until now. Basically it’s a bunch of known bugs, some of which I already covered I think, and their fixes.

Well here it is:

Using CSS to Fix Anything

Hope this helps!

CSS Imagemaps

bryand — Thu, 12 Jun 2008 04:52:46 +0000

Now that the redesign is pretty much finished, I can start posting again. Today, I’ll talk about image mapping…in CSS! The result of this will look somewhat like facebook’s image viewer where people’s heads are outlined with a box. Of course, you’d need a pretty advanced face algorithm to find faces in a picture automatically, but I’ll just show you the box part.
more →

Changes to csswoes.com

bryand — Mon, 19 May 2008 21:04:05 +0000

Over the next few days, I’ll be making some changes to the design of the site. Thus, I won’t have too much time to post anything until I’m finished. Hope everything goes according to plan!

IE6 float margins fixed!

bryand — Fri, 16 May 2008 05:26:25 +0000

Ever notice the weird difference in margins between IE6 and the rest of the browsers when using floats? IE6 seems to like to add an extra pixel more than specified in margins. The following will show you an easy way to fix this problem.
more →

CSS “Tables”

bryand — Wed, 14 May 2008 23:15:50 +0000

Which is better, divs or tables? There’s is really no correct answer for this and it’s basically a matter of preference. In terms of layout, they can work in the same way. However, I would say that using divs are more efficient.

In order to be rendered, browsers download the table’s presentational markup every time, even when the page is refreshed. While CSS can initially be bigger than a table’s markup, browsers cache the styles so that it takes less time to render the page.
more →

Keeping the footer at the bottom of the page

bryand — Sun, 11 May 2008 03:21:08 +0000

Keeping the footer at the bottom of the page isn’t hard to do. The way I will show you will also keep a min-height so that if the browser gets too small, the footer won’t run into any of the page’s content.
more →

Adding style to forms

bryand — Thu, 08 May 2008 07:47:12 +0000

Styling forms is quite easy and can make the page look a lot better. In this tutorial, I will show you how to style the input fields and create what is called a two-column form in which the left column consists of the label and the right column consists of the input fields.
more →

Styling scrollbars

bryand — Wed, 07 May 2008 02:56:05 +0000

I’m only going to show you how to style scrollbars because sometimes it helps make a site look better…SOMETIMES. I should tell you right now before you read on any further, styling scrollbars only work on IE, surprisingly enough. I won’t go into it, but there are many other reasons why you shouldn’t spend too much time trying to style scrollbars.
more →

How to optimize your CSS

bryand — Tue, 06 May 2008 01:29:57 +0000

We’ve all been at a point where our stylesheets get way too big and disorganized, or maybe it’s just me that’s been there. In any case, we can always use a little optimization when we code. I’ll go over a few ways to reduce the number of lines of code for your CSS.
more →