Free Consultation: +1 (888) 374 0906

firefox

CSS outline property for Safari and Firefox

There are some tricks that are so universal, so handy you sometimes forget that they are tricks at all. Over the years they become this plethora of information you store in your back pocket and apply to nearly every website without even thinking about it so that you can expect more consistent, cross-browser results. One of those said useful tricks is {outline:none;} by applying this as follows: input:focus, textarea:focus {outline:none;} You can get rid of that blue feathered outline...

Read More

CSS Quick Tip Tuesday: Styling the hr tag

Super speedy quick tip of the day is something that I do on every website I work with and that is styling that ugly HR tag to something that is clean and much prettier than the browser defaults. Down and dirty here is the code: hr { border: 0; color: #E3E3E3; background-color: #E3E3E3; height: 1px; width: 100%; text-align: left; } This is cross browser and yes you need all the definitions. One is to reset IE and the other is for the rest of the browsers (Firefox, Chrome, Opera,...

Read More

CSS Quick Tip Tuesday: Loveable Links

Links are one of those things that are in every website so it is pretty important that you get them right. While I can't take the credit for this trick I can attest to the hours that this tool has saved me in tracking down odd css link related behavior. The trick? A link stack. I don't know if that is what it is really called but that is what I am calling it and here is how it goes. The link and active states can be defined together like so: a:link, a:active{ text-decoration: none;...

Read More

Follow Us:

eCommerce.jpg

eCommerce that works the way you want it to.

Learn more!

home-characters.png

CWILL BC

SiteCM Solo + Membership

View Case Study

Sign up for email updates from our team

View Our Privacy Policy or Terms of Use