CSS Forum

**LogicWeb** · 03-12-2008, 07:29 PM

I'm trying to correct some W3C validation errors found at www.logicweb.com

I'm not a designer by trade, but I learn quickly and would appreciate help on this.

The code used for the view packages button is below, and the one that caused W3C errors

Code:

    <div id="view_packages">
        <h4><a class="view_packages_button" href="/services/hosting.php" >View Packages</a></h4>
    </div>

W3C Error
Line 283, Column 10: ID "view_packages" already defined.

Regardless, the button works both hovering (color change) and link works. If I change ID to class, I end up see the text over the button, and the hover color change becomes ineffective.

If I remove the text, it goes away yet hover still does not work at all.

Using below doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Thanks in advance.

**jim.thornton** · 03-12-2008, 09:45 PM

If you are going to use the ID more than once in a page, you need to declare it as a class instead of an ID. ID's are used to reference specific elements where classes are used to references any/all elements that have that class assigned to them.

**LogicWeb** · 03-12-2008, 10:26 PM

Thanks for your help. I have changed it to class and within the css sheet changed # to . instead.

Thanks again.