Abstract Sequential Stephanie Hobson's abstract thoughts in the sequence she has them.

Posts Tagged ‘css’

How To Debug CSS

Some quick notes and links for the talk I gave at WordCamp Vancouver about Debugging CSS. Edit: You can now watch a recording of

A style tag counts as a :first-child

EDIT 2011-09-15: All of this applies to <script> in the body as well. I have some bad news and a fix (I hesitate to call it good news). HTML5 introduces a way for us to include <style> elements on the page, we just need to give them an attribute of scoped. So, for example, if […]

FireFox’s buttons are wider than IE or Chrome/Safari’s

I hate form styling on the best of days. This is a good example of why: Firefox’s buttons are wider than IE’s or Webkit’s. Why? This little gem in the browser’s style sheets: button::-moz-focus-inner, input[type=”reset”]::-moz-focus-inner, input[type=”button”]::-moz-focus-inner, input[type=”submit”]::-moz-focus-inner, input[type=”file”] > input[type=”button”]::-moz-focus-inner { padding: 0px 2px 0px 2px; } That’s right, it’s 4px wider. Thank you FireFox. […]

Maintaining your CSS helps maintain your site

Rather than doing one giant redesign and launch, at BCIT, we’ve been doing small updates for a while now. Take our footer for example, I got to update all of them using the CSS a few times and then we decided we wanted to mix up the HTML. Templates and applications were updated with the […]

New site for my favorite client

Just updated the look of Mum’s campaign website: Barb Hobson | A Strong Persistent Voice for Coquitlam-Maillardville. I changed everything without altering one line of HTML, man do I love CSS (IE6, I still hate you).

Accessibility Problem with Gilder/Levin Image Replacement Method

I have a friend who lives his life in low contrast. He is frequently the inspiration I need to go the extra mile and find an accessible solution to a programing quandary. A few weeks ago I had the good fortune to get to visit him and we cruised around the internet while drinking Rusty […]

Naked

Happy CSS naked day everybody.

Missing table based layouts.

There’s only one time where I ever really miss table based layouts: when I’m trying to make a flexible horizontal navigation bar with centred links. Like this or this. *chews on keyboard with frustration*

I would live with dial up if it meant I could live here.

One of my bestest friends lives in the middle of no where. High speed internet has not yet come to this island so I’m on dial up today, which is leading to interesting discoveries. For example, IE6 loads images in the html before it loads background images from the CSS. Very interesting. Also, turning off […]

CSS bug in IE 6 with: .class a:hover element

This bug seems to apply to styling elements under a class or id within a link on hover. Stuff like .class a:hover span{} or #id a:hover strong{}. The solution is to define a property on the parent link .class a:hover{} that hasn’t been declared anywhere else in your CSS, like a text indent of 0 […]

← Before