#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2008
    Posts
    36
    Rep Power
    7

    Parse Error opacity=0)


    Hi,

    How do I fix this?

    My Stylesheet validates except for this one issue. It bugs me

    Here's the HTML page:

    Code:
     
     <div id="nav">
       <img class="navrightendbutton" src="images/buttonleftend.jpg" alt="Graphic Helper" /> 
       <a href="index.html"><img class="navbox" src="images/homelight.jpg" alt="Takes You to Home Page" style="filter:alpha(opacity=0)" onmouseover="pWidgets(this,100,50,5)" onmouseout="pWidgets(this,0,50,5)" /></a>
       <a href="guardian_angel_figurines_store.html"><img class="navbox" src="images/storelight.jpg" alt="Guardian Angel Store" style="filter:alpha(opacity=0)" onmouseover="pWidgets(this,100,50,5)" onmouseout="pWidgets(this,0,50,5)" /></a>
       <a href="about_figurines.html"><img class="navbox" src="images/aboutfigurineslight.jpg" alt="For More Information About Figurines" style="filter:alpha(opacity=0)" onmouseover="pWidgets(this,100,50,5)" onmouseout="pWidgets(this,0,50,5)" /></a>
       <a href="about_angels.html"><img class="navbox" src="images/aboutangelslight.jpg" alt="For Angelic Understandings, Mysteries and More" style="filter:alpha(opacity=0)" onmouseover="pWidgets(this,100,50,5)" onmouseout="pWidgets(this,0,50,5)" /></a>
       <a href="privacy_policy_statement.html"><img class="navbox" src="images/contactuslight.jpg" alt="To Contact Us with Your Questions, Sugestions, Ect" style="filter:alpha(opacity=0)" onmouseover="pWidgets(this,100,50,5)" onmouseout="pWidgets(this,0,50,5)" /></a>
       <img class="navbox" src="images/buttonrightend.jpg" alt="Graphic Helper" />
      </div>

    Here's the CSS code:
    Code:
    #bodycontainerbox {
            float:left;
            background: #993399;
            width: 900px;
            padding-bottom: 7px;
            }
    
    .navbox {
           float:left;
           width: 126px;
           } 
    
    .navrightendbutton {
           float: left;
           width: 125px;
           }
    W3C gives me this error fives times:

    Parse Error opacity=0)

    Thank you
    Last edited by Freejoy; May 20th, 2008 at 08:18 PM. Reason: wronge heading
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4304
    Why are you only using the IE5.5+ way to set opacity?

    None of the opacity properties are valid CSS2.x. Don't worry about them not being valid.
    Spreading knowledge, one newbie at a time.

    Check out my blog. | Learn CSS. | PHP includes | X/HTML Validator | CSS validator | Common CSS Mistakes | Common JS Mistakes

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo