Код из статьи проходит валидацию.

Встала задача, сделать активную кнопку с надписью. Вариант с javascript довольно громоздкий, и неинтересный, кроме того он меняет картинку, и нужно делать для сходных кнопок с разным текстом по 2 картинки на каждую. Сделаем через CSS, тут достаточно всего 2-х картинок, а текст на кнопке можно написать какой угодно.

В файле css пишем следующее:

.go {float:left;
padding:2px 0px 0px 11px;
height:25px; width:90px; font-family:Georgia, tahoma;
font-size:17px;
color:#FFFFFF;
text-decoration:none;
background-image: url(images/click_here.gif);}
.go:hover {background-image: url(images/click_here_over.gif);}

В первой строке (.go) описываем параметры надписи на кнопке и подкладываем картинку фона кнопки. Во второй (.go:hover) меняем картинку кнопки на ту, которая будет при наведении мышки.

В html добавляем простую ссылку с классом и надписью на кнопке:

<a class=go href=”#”>перейти</a>

Собственно и все. Пример.

Статьи по теме

• Прокрутка more в Wordpress
• Защита Wordpress от спама.
• Запланированные записи в Wordpress