Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z waldacja strony
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Youkash
Witam mam prosty fragment stronki i nie wiem jak ja przerobic zeby przechodzila przez walidator http://validator.w3.org Ponizej kod i obrazek jak bym chcial zeby to wygladalo, prosze o pomoc juz siedze i nie mam pomyslu smile.gif
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <title>cos2</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  4. <link href="belka.css" rel="stylesheet" type="text/css">
  5. </HEAD>
  6.  
  7. <table border="0" cellpadding="0" cellspacing="0" class="tabela_szukaj_zolta">
  8. <TR>
  9. <TD>
  10. <P>
  11. <a href="../index.php"  class="txt-wwx">Cos</a><span class="txt_zolty"> | </span><a href="" class="txt_zolty">cos2</a>
  12. </P>
  13. </TD>
  14.  
  15. <TD class="tabela_szukaj_zolta_wiersz_srodek">
  16. <P>
  17. <form action="../informacje/wyniki_wyszukiwania.php">
  18. <input name="szukana" type="text" class="input_zolty">
  19. <input name="szukaj" class="input_submit_zolty" type="submit" value="szukaj">
  20. </form>
  21. </P>
  22. </TD>
  23.  
  24. <TD class="tabela_szukaj_zolta_wiersz_prawo"></TD>
  25. </TR>
  26. </BODY>
  27. </HTML>


na wszelki wypadek wklejam kod css, i obrazek jak bym chcial zeby to wygladalo
Kod
BODY {
    MARGIN: 0px
}
.tabela_brazowa{
border-right: 1px solid #A04f11;
border-bottom: 1px solid #A04f11;
border-left: 1px solid #A04f11;
border-top: 1px solid #A04f11;
border: 1px #A04f11;
}

.input_zolty {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #EDE5AD;
    border: 1px solid #A04F11;
    width: 95px;
    height: 15px;
}
.input_submit_zolty {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #A04F11;
    border: 1px solid #A04F11;
    width: 95px;
    height: 19px;
    padding-right: 40px;

}
.tabela_szukaj_zolta {
        background-color: #E0AA0F;
        width: 760px;
}
.tabela_szukaj_zolta_gora {
        background-color: #E0AA0F;
        width: 760px;
        height: 10px;
}
.tabela_szukaj_zolta_wiersz {
        background-color: #E0AA0F;
        width: 200px;
}
.tabela_szukaj_zolta_wiersz_prawo {
        background-color: #E0AA0F;
        width: 40px;
}
.tabela_szukaj_zolta_wiersz_spacja {
    background-color: #E0AA0F;
        width: 40px;
        height: 37px
}
.tabela_szukaj_zolta_wiersz_srodek {
    background-color: #E0AA0F;
        width: 200px;
}
.txt-wwx {
    FONT-SIZE: 16px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 40px;
}
.txt_zolty {
    FONT-SIZE: 16px;
    COLOR: #EDE5AD;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    font-weight: bold;
}
a:hover {
    text-decoration: underline;
}




chcialbym zeby to tak wygladalo, udaje mi sie tylko zrobic tak ze pod tym pojawia sie jakby jedna spacja robie sie to szersze
maverickkk
Napisz jakie błedy ci wyskakują.
stoprocent
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <title>cos2</title>
  3. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  4. <link href="belka.css" rel="stylesheet" type="text/css">
  5. </head>
  6.  
  7. <table border="0" cellpadding="0" cellspacing="0" class="tabela_szukaj_zolta">
  8. <tr>
  9. <td>
  10. <p>
  11. <a href="../index.php"  class="txt-wwx">cos</a><span class="txt_zolty"> | </span><a href="" class="txt_zolty">cos2</a>
  12. </p>
  13. </td>
  14.  
  15. <td class="tabela_szukaj_zolta_wiersz_srodek">
  16. <form action="../informacje/wyniki_wyszukiwania.php">
  17. <p>
  18. <input name="szukana" type="text" class="input_zolty">
  19. <input name="szukaj" class="input_submit_zolty" type="submit" value="szukaj">
  20. </p>
  21. </form>
  22.  
  23. </td>
  24.  
  25. <td class="tabela_szukaj_zolta_wiersz_prawo"></td>
  26. </tr>
  27. </body>
  28. </html>
Youkash
tak teraz sie "waliduje" do tego to i ja doszedlem ale wyglada nie tak jak chcialem, jakis pomysl?? dodawanie tej lini na dole to chyba sprawka zamkniecia </form> ale nie moge sobie poradzic chcialbym zeby bylo tak jak wczesniej na obrazku a nie tak jak teraz.

Tak zle
stoprocent
Po pierwsze usun paragrafy (<p>) bo sa tam nie potrzebne , a po drugie dodaj dla form

  1. <form (...) style="padding:0px;margin:0px;">
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.