w3c problem z walidacją

0

pisze że nie można zwalidować tego pliku(podstrona.html) "on line 19 it contained one or more bytes that I cannot interpret as utf-8" i coś jest ogólnie nie tak, mam praktycznie identyczny kod na innnej podstronie, a linia 19 jest identyczna, ale pisze mi błąd na walidatorze, co więcej niewyświetla mi polskich liter(podstrona.html) tylko pytajniki na google
<li><a href="index.html"><div class="about" ></div><span>Strona głowna</span></a></li>

1

ta walidacja ciebie chłopie wykończy, już trzeci temat zakładasz :)
a zapisujesz w edytorze z opcją UTF-8 bez BOM?

0

jeślibyłby ktoś miły i poprawił błąd, bo pisze że duplikuje id ale ja się tylko chce odwołać do tego pola, więc nie wiem jak to inaczej zrobić, jestem bardzo początkujący, abardzo mi to potrzebne

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>BF</title>
    <meta name="viewport" content="width-device-width">
    <link rel="stylesheet" type="text/css" href="css/style.css" />

</head>

<body>
    <div id="wrapper">
        <div id="logo">
            <img src="images/logo.png" alt="logo" />
        </div>
        <div id="menu">
            <ul>
                <li>
                    <a href="index.html">
                        <div class="about"></div><span>Strona głowna</span></a>
                </li>
                <li>
                    <a href="galeria.html">
                        <div class="about"></div><span>Galeria zdjęć</span></a>
                </li>
                <li>
                    <a href="#">
                        <div class="offer"></div><span>Oferta</span></a>
                </li>
                <li>
                    <a href="kontakt.html">
                        <div class="contact"></div><span>Kontakt</span></a>
                </li>
            </ul>

            <div id="header">
                <img src="images/image.jpg" alt=" " style="float: right" />
                <div id="title_head">

                    <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
                    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</span>
                    <p>
                        <br />
                        <a href="#">Lorem ipsum</a>
                        <a href="#" class="margin1">Lorem ipsum</a>
                    </p>
                </div>
            </div>
            <div id="solid">  <<<<<<<<----------here
                <div id="solid_box">

                    <h2><img src="images/icon_here.png" alt=" "  />Lorem ipsum</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</p>
                    <br />
                    <a href="#">Lorem ipsum</a>
                </div>
                <div id="solid_box">

                    <h2><img src="images/icon_new.png" alt=" " />Lorem ipsum</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</p>
                    <br />
                    <a href="#">Lorem ipsum</a>
                </div>
                <div id="solid_box">

                    <h2><img src="images/icon_warning.png" alt=" "  />Lorem ipsum</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</p>
                    <br />
                    <a href="#">Lorem ipsum</a>
                </div>
                <p>
                    <a href="https://validator.w3.org/#validate_by_upload"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                </p>
            </div>
            <div id="footer">
                <p>
                    <br /> Projekt: <a href="http://www.templatki.net">Fecko Bartłomiej</a></p>
            </div>
        </div>
    </div>

</body>

</html>
1

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>BF</title>
        <meta name="viewport" content="width-device-width">
        <link rel="stylesheet" type="text/css" href="css/style.css" />

    </head>

    <body>
        <div id="wrapper">
            <div id="logo">
                <img src="images/logo.png" alt="logo" />
            </div>
            <div id="menu">
                <ul>
                    <li>
                        <a href="index.html">
                            <div class="about"></div><span>Strona głowna</span></a>
                    </li>
                    <li>
                        <a href="galeria.html">
                            <div class="about"></div><span>Galeria zdjęć</span></a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="offer"></div><span>Oferta</span></a>
                    </li>
                    <li>
                        <a href="kontakt.html">
                            <div class="contact"></div><span>Kontakt</span></a>
                    </li>
                </ul>

                <div id="header">
                    <img src="images/image.jpg" alt=" " style="float: right" />
                    <div id="title_head">

                        <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
                        <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</span>
                        <p>
                            <br />
                            <a href="#">Lorem ipsum</a>
                            <a href="#" class="margin1">Lorem ipsum</a>
                        </p>
                    </div>
                </div>
                <div id="solid">
                    <div class="solid_box">

                        <h2><img src="images/icon_here.png" alt=" "  />Lorem ipsum</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</p>
                        <br />
                        <a href="#">Lorem ipsum</a>
                    </div>
                    <div class="solid_box">

                        <h2><img src="images/icon_new.png" alt=" " />Lorem ipsum</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</p>
                        <br />
                        <a href="#">Lorem ipsum</a>
                    </div>
                    <div class="solid_box">

                        <h2><img src="images/icon_warning.png" alt=" "  />Lorem ipsum</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac erat eget urna faucibus pellentesque sit amet eget metus.</p>
                        <br />
                        <a href="#">Lorem ipsum</a>
                    </div>
                    <p>
                        <a href="https://validator.w3.org/#validate_by_upload"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
                    </p>
                </div>
                <div id="footer">
                    <p>
                        <br /> Projekt: <a href="http://www.templatki.net">Fecko Bartłomiej</a></p>
                </div>
            </div>
        </div>

    </body>

</html>

PS. Te up Cię kiedyś wykończy. Z każdym najmniejszym problemem przylatujesz na forum. Troszeczkę samodzielności, tylko dla siebie i swojej satysfakcji. Pozdrawiam!

0

ej, co ty zrobiłeś, ja też zrobiłem tak że zmieniłem na <div class="solid_box"> i w css z # na . ,ale nie działało, co ty jeszcze zrobiłeś

1 użytkowników online, w tym zalogowanych: 0, gości: 1