Tag Archives: css

The day IE6 finally made me crack!

I lost it. It was bound to happen. The last project I worked on finally took me over the edge. I took it pretty well when everything scrolled on the page except the title. I kept my head when I was trying to fix the custom H3 tagged headers in my modules when they got cut off, widened the column and broke the layout, I even kept my sanity as I re-sized every %$(#ing box to match the pixel-perfect design the client needed that was displaying differently on IE6 than on every other browser available on Earth…

but this… this was the code that broke the programmer’s brain.

Continue reading

Shortcut to converting to CSS shorthand

I’m sure I’m not the only one who started out with CSS longhand and slowly moved toward shorthand. If you are going through old code and converting it to shorthand, try this nice (quick!) trick for making Dreamweaver do the dirty work for you.

First of all, make sure your preferences are set up for shorthand by going to Preferences > CSS Styles.

Pick all the CSS that you would like to have made into shorthand.

Make sure you have Edit Using CSS checked for this to work. Click OK.

Now go to your style sheet and find the code you would like to convert to shorthand. If it’s a font then simply change the font-family: to font:, click on the CSS styles box, then double click on the style you just changed. When the CSS style dialog box comes up simply change or add one thing and click OK. All your font tags will be converted into the same tag.

For margins and padding you just have to open the CSS dialog box and fill in the empty boxes with 0. When you click OK, they will all be converted into shorthand for the tag you edited. I personally think it’s faster to convert margins and padding by hand, but it’s a nice time saver if you are already in the dialog box.