Funny story from work: So a client had their website redesigned (after my redesign which got royally messed up by how many navigation buttons they wanted stick on) and they chose a different company to do it. The design looks good and does a great job of capturing the problematic navigation that killed my design. But as clients are wont, they decided to flip some colors around and add another button (obviously this client is predisposed to add buttons). The client didn’t want to use the original designer for whatever reason and decided to use us (again). The color switching and adding the new button went really well after we bought the missing font that the original designer had used. Anyway the images were fine and dandy. And this is now where the story gets funny. I’m looking at the HTML and CSS and find that there are a bjillion different stylesheets. Each page in the site has its own 2 stylesheets. Mind boggling crazy it becomes funny. But that’s not the worst of it. I drop in the images into the proper folder(s – don’t get me started on how they organized the file structure) and open up the appropriate style sheets to make some text color changes appropriate to the image color changes I’ve made. To make sure that I edit the correct style I also open up one of the html files – and I spot a <p class=”heading”>. I think, huh, that’s interesting, because generally one uses an <h> tag for headings…And as I look over the HTML code and the CSS I start to laugh as it becomes clear no <h> tags were used throughout the entire page! Although to be honest I didn’t search that hard. There’s nothing wrong with <p class=”heading”> but when it’s being used to replace an <h> tag, it’s not semantic or appropriate! That and the various non-breaking space code that littered the page made me laugh. Someone new to CSS perhaps?
4 thoughts on “Funny Work Stories December 5th, 2007”
Comments are closed.
Man getting code stuff into wordpress as actually text is harder then it looks. Any suggestions on how to make it easier?
Okay that was easy enough – you just need to use the encoded characters like < semicolon an there you go.
Displaying HTML in HTML is one of the eternal conundrums. The visual editor does a pretty good job of it these days but takes away most of your control and has some really annoying quirks. When I need to paste a large amount of HTML into a post, I usually search for an online tool that will turn all the tags into HTML entities (such as &) and then I paste the result from that.
In a pinch, I code up a small PHP page and use htmlspecialchars() to do it myself.
Yeah. Well I’ve made good use of LeftLogic’s very useful Mac OS X Dashboard widget to solve it. Nothing elaborate as coding up a PHP page!