Bad CSS Code Example

Jun
8

No Comments - LEAVE A COMMENT

If your CSS code looks like below, you need to stop calling yourself a professional right now, and get a new job, mmk?

ul.latestnewssellingtips {
width: 100%;
PADDING-RIGHT: 0px;
MARGIN-TOP: 0px !important;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: 0px !important;
PADDING-TOP: 0x;
}

li.latestnewssellingtips {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-left: 0px;
/* new! */
padding-left: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
_padding-bottom: 0px;
list-style-image: none !important;
list-style-type: none;
}
#left-col a.latestnewssellingtips {
text-align: left;
padding-left: 5px;
padding-right: -5px;
padding-top: 7px;
padding-bottom: 7px;
display: block;
/*width: 100%;*/
height: 100%;
font-size: 14px;
font-weight: bold;
text-decoration: none;
margin: 0px;
}

Yep, that would be SNARK you are hearing there. I’m in the middle of completing a job another “professional” in my field “completed” before me (to the dissatifaction of the client, who then hired me to redo it). This is the CSS they used. Now imagine the whole freakin’ document is like this. Not to mention it is LITTERED with the completely unvalid and misused underscore hack for Internet Explorer.

I’ve seen some pretty crappy code before, but for someone who is scoring a lot of jobs, and calling themself a professional… it pisses me off.

Jump to Comments

Leave a Reply

Your email address will not be published. Required fields are marked *