SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: LogicWeb CSS

  1. #1
    SitePoint Enthusiast LogicWeb's Avatar
    Join Date
    Feb 2008
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    LogicWeb CSS

    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.
    Attached Images Attached Images
    • File Type: gif 1.gif (3.0 KB, 0 views)

  2. #2
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What it's saying is that you've declared the ID elsewhere on that page. ID values can be used only once. If you want to use view_packages more than once, you have to change it to a class.

    (Also note that H4 is a heading, which according to the W3C specification is used to briefly describe the content that follows after it; using it on a menu item is therefore not a good idea.)

  3. #3
    SitePoint Enthusiast LogicWeb's Avatar
    Join Date
    Feb 2008
    Posts
    59
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your help. I have changed it to class and within the css sheet changed # to . instead.

    Thanks again.
    Talk Jesus Forums [ Father's Love Letter ]
    ..............................................................
    LogicWeb...a smart web solution [ managed hosting since 2004 ]


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •