Change the mouse pointer
Posted in Cool Code Of The Day on November 4th, 2010 by mbrandt29To change the cursor from an arrow to a pointer, for example, use the following code:
.whatever {
cursor:pointer;
}
To call attention to a clickable area.
Scroll bar making pages move around?
Posted in Cool Code Of The Day on November 3rd, 2010 by mbrandt29In instances where some pages on a site need a vertical scroll bar, and others do not, pages will move around based on this extra width on the page (10 pixels or so). In order to correct the issue, and make the page static, give all pages a scroll bar, whether they need it or not.
html {
overflow-y: scroll;
}
Disable the Dotted Border Around Links
Posted in Cool Code Of The Day on October 31st, 2010 by mbrandt29Since the automatic setting for “outline” on anchors is “dotted”, you need to override this setting by inserting the following css:
- a {
- outline:0;
- }
This also needs to be done for any other elements that are acting as links [inputs].



