Web Master Help

Photoshop: Refactor Color to Black

Refactoring color to black is not any easy task with manual painting methods, particularly if you want to preserve as much detail as possible. Here is a quick way to apply this. Step 1 – Open Document Image To begin, copy/paste the following image into Photoshop. Or right click; choose Save Image from your browser [...]

JQuery stop animation on mouseover

$(function () { var $alert = $(‘#alert’); if($alert.length) { var alerttimer = window.setTimeout(function () { $alert.trigger(‘click’); }, 5000); $alert.animate({height: $alert.css(‘line-height’) || ’50px’}, 200).click(function () { window.clearTimeout(alerttimer); $alert.animate({height: ’0′}, 200); }).mouseover(function(){ window.clearTimeout(alerttimer); $alert.stop(true); $alert.height($alert.css(‘line-height’) || ’50px’); }); }});

CSS: Tables & CSS Formatting

You may have noticed that there are a lot of deprecated attributes in relation to tables. Many have asked how to validate with this happening. The solution: put all your formatting in your CSS (style sheet) file, or in your <style> tags. Below is an example how to do this for a basic table setup. [...]

CSS: Getting Rid of the Blue Border Around Images

Using css and the following code to your style.css img { border-style: none; } and the blue border will disappear for all but netscape old version users. much easier than I anticipated – really hard to find out that it was that easy though! Might be useful to someone?

CSS FONT SIZES

There are a few ways you can write font sizes, so I thought it would be handy to have a comparison of them here. {font-size: 14pt} {font-size: 14px} {font-size: x-large} {font-size: larger} {font-size: 1.5 em} {font-size: 125%} IMO the best practice to get into is to use either em or % , as they adjust [...]

Deprecated HTML Tags & Alternatives in CSS

Deprecated – A deprecated element or attribute is one that has been outdated by newer constructs. Deprecated elements are defined in the reference manual in appropriate locations, but are clearly marked as deprecated. Deprecated elements may become obsolete in future versions of HTML. Obsolete – An obsolete element or attribute is one for which there [...]

Table cells change on mouseover and mouseout

First, let’s create some global definitions for our tables, so here is a style sheet that defines the text color and background color for each cell. <style> td { font-family: verdana,arial,sans-serif; font-size:12pt; font-weight:bold; background-color: C9C9C9; } </style> Now, within the table itself, we can define the mouse activity like this: <TABLE bgcolor=”#cc0000″ cellpadding=”1″ cellspacing=”1″ border=”0″> [...]

Page 1 of 2: 1 2