Background image on submit button in IE6

August 12th, 2009

Just another reason why IE6 annoys me. Ever try to put a css background image on a submit button and it doesn’t show up in IE6?

I am sure that most of you, if anyone is actually reading this, know this kind of stuff, but I work for a company that uses a unique editor in its website templating system, that brings up stuff in IE6 that I have never seen before. Such as really annoying text nodes that adds 2-3 pixel margins on things, even though nothing is there.

Anyway, the only thing you have to do is:

.submit {
height: Xpx;
width: Xpx;
background-color: transparent;
/*gets rid of the white background color that
is there by default*/
background-image: url(../images/image.png);
_background-image: url(../images/image.gif);
background-repeat: no-repeat;
border: none;
text-indent: -5000px;
text-transform: uppercase;
/*don't ask, but this gets rid of the
dash in IE7 and 6*/
_display: block;
/*displays the image in IE6*/
_font-size: 0px; 
/*gets rid of the value because apparently the
text-indent doesn't do a damn thing in IE6*/

If that helps anyone out, let me know!

How to target ALL IE’s seperately

July 23rd, 2009

Today’s tidbit for you. You can target all the IE’s, including 8 to have different values, in case you forgot to use a css reset.

.myText { color: #00FF33; }

.myText { color /*\**/: #cc0000\9 }

.myText { color: #0000ff !ie; }

.myText { _color: #000000; }

1)Targets all – makes style color green

2)Hits IE7 & 8 (but not 6, IE6 will still get green color) – makes it dark red

3)Hits IE7 and 6 (but with #2 in place, doesn’t hit 8 ) makes it blue

4)Hits IE6 – makes it black

Don’t ask what the /*\**/: means, no idea, but it works. You also need the \9 after the value.

Getting rid of annoying dotted lines around your links

July 22nd, 2009

Ok, this one is a you newbies learning css. I am actually going to assume that few people know this one. I didn’t until a short while ago. You know those stupid dotted lines that appear around your links when you click them? Here is how to get rid of them. Get ready, cause it is STOOPIDLY easy…

a {outline: none}

a:focus {outline: none}

The focus is for IE. Easy huh? There you go. That was for you guys…cause I care.

Overwrite in-line styles…I know, its crazy!

July 22nd, 2009

So, I have had no idea why the hell I would want to do this, but I thought I would throw this little CSS nugget out there for you. You can actually overwrite in-line styles…look at this:

Here is the html:

div id=”test” style=”background: red;” (carrot thingys <> are taken off so it doesn’t actually style this paragraph)

Here is the CSS to overwrite that:

div[id="test"] { background: yellow !important;}

This works in FF 2 and IE7, so I will assume that it works in all current browsers also (FF 3.5, IE8, Safari 4x, Chrome). It does NOT however work in IE6. I can’t wait till that damn browser goes away. Have I said that before? If not, times it by 10.

Been a while…here’s what I’ve been doing.

July 22nd, 2009

So…it has been a while since I have last posted. And a lot has happened…went to Origins (board gaming convention in Columbus, Ohio), went on a canoe trip in the Boundary Waters on the Canadian border, my brother-in-law got married…lots of stuff.

I do plan on posting a lot more, and I realize no one is reading this, but maybe one day I will actually have people responding. Who knows.

What else is new? Been reading the Dune series again. Specifically the prequels by Frank Herbert’s son Brian, starting with the Butlerian Jihad. I have read on other forums, blogs and such that Brian’s writing is not good. I would disagree. I think people are just comparing him too much to his father. He writes NOTHING like Frank Herbert…and that is good, because no one could write like Frank could. Brian and his co-author Kevin though, have there own style, and I really like the continuation of the story arc in their style. They are more fast paced, but without all the philosophy. I seriously recommend them to any fans of the Dune books. Oh…and I am also one of the 7 people in the world who actually LIKED the David Lynch movie. Take that to the bank and cash it!

Other than that, obviously looking for more free-lance work. On to other posts though.