www.webdeveloper.com
Results 1 to 4 of 4

Thread: [RESOLVED] Validator error! Element link is missing required attribute property.

  1. #1
    Join Date
    Jun 2014
    Posts
    6

    resolved [RESOLVED] Validator error! Element link is missing required attribute property.

    I understand there is a misplacement with either the body or head tag which is causing this. I have tried everything. Please help!



    Error Line 145, Column 70: Element link is missing required attribute property.

    <link href="Contactform/style.css" rel="stylesheet" type="text/css" />

    Attributes for element link:
    Global attributes
    href
    crossorigin
    rel
    media
    hreflang
    type
    sizes
    Also, the title attribute has special semantics on this element.



    PHP Code:
        <!DOCTYPE html>
       
        <
    head>
        <
    meta charset="utf-8">
        <
    title>Quality Web DesignAffordabilty you can keep </title>
        <
    meta property="og:image" content="http://triwebworks.com/images/triwebworkslogo%20%282%29.jpg" />
        <
    link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <
    meta name="description" content="Tri Web Works is a web based development company in California. The company profile was developed in early 2014 from an ongoing project titled Source Vibe. Tri Web Works has within it, a revolutionary culture taking what is the norm of common web interfaces and making them different." />
        <
    meta name="keywords" content="web, design, tri, web, works, joseph, fleck," />
        <
    meta name="author" content="Joseph Fleck">
        <
    meta name="robots" content="index, follow" />
        <
    link href="main.css" rel="stylesheet" type="text/css">
        <
    script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/droid-sans:n4:default;actor:n4:default;josefin-slab:n4:default.js" type="text/javascript"></script>
        </head>
        <body>
        
      
        
        
        
        <div id="wrapper">
        <header id="top"> <img src="images/triwebworkslogo.jpg" width="400" height="108" alt=""/><img src="images/number.jpg" alt="" width="400" height="108" class="floatright"/>
        
        <nav id="mainnav">
        <ul>
        <li><a href="index.php" class="thispage">Home</a></li>
        <li><a href="aboutus.php" >About Us</a></li>
        <li><a href="projects.php">Projects</a></li>
        <li><a href="services.php" >Services</a></li>
        <li><a href="contactus.php">Contact Us</a></li>
        </ul>
        </nav>
        </header> 
          <div id="hero2">
    <div id="FaceBookLikeButton">
    <script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    var fb = document.createElement('fb:like');
    fb.setAttribute("site","http://www.facebook.com/triwebworks");
    fb.setAttribute("action","like");
    fb.setAttribute("layout","button");
    fb.setAttribute("show_faces","false");
    fb.setAttribute("width","100");
    fb.setAttribute("font","arial");
    document.getElementById("FaceBookLikeButton").appendChild(fb);
    //]]>
    </script>
    </div>
        </div>
         
    <article id="main">
        <img src="http://www.triwebworks.com/images/SummerAd.jpg" alt="" width="580"/>
        <h2>About T.W.W</h2>
        <p>Tri Web Works is a web based development company in California. The   company profile was developed in early 2014 from an ongoing project   titled "Source Vibe". Tri Web Works has within it a revolutionary   culture taking what is the norm of common web interfaces and making them   different.<br>
    Some examples of this is TriWeb Work's terms and conditions, Privacy   Policy and social networking. The mission behind Tri Web Works is to   give the consumer a product they need before they know they need it.</p>

    <div class="centered" id="hero">
    <p>"Very fast, Great value, beautiful &amp; unique design and wonderful customer care..." - Karin</p>
    </div>
        
        <p>Founder, Joseph Fleck started Tri Web Works in early 2014 as the company profile for Source Vibe, a major social network project that Fleck has been working on for many years. To raise capitol on the Source Vibe project and fund Tri Web Works, Joseph has offered his coding skills and technique towards building websites for his clients business and lifestyle promotions. If you are interested in learning more about becoming a brand partner by buying a custom created website please fill in your information on the right and a lead developer will contact you about your inquiry.</p>
      </article>
      <aside id="sidebar">
        <h2><span style="color: rgb(255, 255, 255);">Updates:</span></h2>
        <ul>
          <li><a style="color: rgb(255, 255, 255);"
     href="
    ../Updates.html.html">Looking for Developers (Click Here)</a></li>
          <li><a style="color: rgb(255, 255, 255);"
     href="
    ../Updates.html.html">Looking for Investors (Click Here)</a></li>
          <li>Working on Share Feed for Source Vibe</li>
        </ul>
      </aside>

        <aside id="sidebar5">

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $("#submit_btn").click(function() { 
            //get input field values
            var user_name       = $('input[name=name]').val(); 
            var user_email      = $('input[name=email]').val();
            var user_phone      = $('input[name=phone]').val();
            var user_message    = $('textarea[name=message]').val();
            
            //simple validation at client's end
            //we simply change border color to red if empty field using .css()
            var proceed = true;
            if(user_name==""){ 
                $('input[name=name]').css('border-color','red'); 
                proceed = false;
            }
            if(user_email==""){ 
                $('input[name=email]').css('border-color','red'); 
                proceed = false;
            }
            if(user_phone=="") {    
                $('input[name=phone]').css('border-color','red'); 
                proceed = false;
            }
            if(user_message=="") {  
                $('textarea[name=message]').css('border-color','red'); 
                proceed = false;
            }

            //everything looks good! proceed...
            if(proceed) 
            {
                //data to be sent to server
                post_data = {'userName':user_name, 'userEmail':user_email, 'userPhone':user_phone, 'userMessage':user_message};
                
                //Ajax post data to server
                $.post('Contactform/contact_me.php', post_data, function(response){  

                    //load json data from server and output message     
                    if(response.type == 'error')
                    {
                        output = '<div class="error">'+response.text+'</div>';
                    }else{
                        output = '<div class="success">'+response.text+'</div>';
                        
                        //reset values in all input fields
                        $('#contact_form input').val(''); 
                        $('#contact_form textarea').val(''); 
                    }
                    
                    $("#result").hide().html(output).slideDown();
                }, 'json');
                
            }
        });
        
        //reset previously set border colors and hide all message on .keyup()
        $("#contact_form input, #contact_form textarea").keyup(function() { 
            $("#contact_form input, #contact_form textarea").css('border-color',''); 
            $("#result").slideUp();
        });
        
    });
    </script>
    <link href="Contactform/style.css" rel="stylesheet" type="text/css" />



    <fieldset id="contact_form">
    <legend>Get your free quote now! <br><small>You will not recieve spam</small></legend>
        <div id="result"></div>
        <label for="name"><span>Full Name</span>
        <input type="text" name="name" id="name" placeholder="Enter Your Name" />
        </label>
        
        <label for="email"><span>Email Address</span>
        <input type="email" name="email" id="email" placeholder="Enter Your Email" />
        </label>
        
        <label for="phone"><span>Phone</span>
        <input type="text" name="phone" id="phone" placeholder="Phone Number" />
        </label>
        
        <label for="message"><span>Inquery Details</span>
        <textarea name="message" id="message" placeholder="Please give a short description of what you are looking for."></textarea>
        </label>
        
        <label><span>&nbsp;</span>
        <button class="submit_btn" id="submit_btn">Submit</button>
        </label>
    </fieldset>
        </aside>



    <footer class="centered">
        <p> Copyright 2014 TriWeb Works</p>
        </footer>
        </div>
        </body> 

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,463
    Hi there triwebworks,

    the "link element" should not be on line #145.

    It must be positioned within the head section of the document - (lines #3 to #14).

    coothead

  3. #3
    Join Date
    Jun 2014
    Posts
    6
    Perfect! That worked! Thanks!

  4. #4
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,463

    No problem, you're very welcome.

Thread Information

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

Posting Permissions

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



Recent Articles