Cześć, przęglądnąłem Twój stronkę na szybko, zapowiada się ciekawie i mam dla Ciebie kilka rad:
1. Jak masz spis czołgów dla danego kraju to albo wyrównaj wszystko do lewej albo zrób z tego tabelkę. Teraz całość "pływa" i wygląda trochę nieczytelnie. (chyba najelpsza byłaby tabela)
2. Tutaj coś Ci się "rozjechało", na oko jakaś literówka w kodzie. Oprócz tego masz list-itemy poza jakąkolwiek listą.
<p> V </p>
<selektor>
<a href="brytania/ChurchillI.php"> Churchill I</a>,
<a href="brytania/Excelsior.php"> Excelsior </a>
</<selektor>
<li></li>
Poza tym zamiast robić <p>V</p> powinieneś sobie zrobić <ol> ze stylem list-style-type: upper-roman.
Powinno wyglądać tak: (oczywiście style najlepiej dać osobno do pliku)
<h2>Średnie czołgi</h2>
<ol style="list-style-type: upper-roman">
<li><a href="brytania/VickersMediumMk.I.php"> Vickers Medium Mk. I </a></li>
</ol>
4. Zastąp <selector> np. <span>. Semantycznie bardziej poprawne. (tak na prawdę oba są zbędne w tym wypadku)
5. Staraj się unikać takich rzeczy w kodzie
<ul>
<p></p>
</ul>
6. Atrybut 's' ? Pusty alt="". Style powinny być osobno. Możesz im nadać jedną klasę np .flaga
<img src="images/Niemcy.png" width="25" height="15" alt="" s >
7.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Zamień na
<meta charset="utf-8">
8. Nie ma <!doctype html>
9. Masz <script> poza tagiem <html></html>
10. Nie łatwiej dać #stopka text-align: center? Po co ten dodatkowy div?
<div id="stopka">
<div style="text-align: center">Polityka prywatności :: © wot-informacje 2014-2015 :: <a href="kontakt.php">Zgłoś błąd lub sugestię</a></div>
</div>
Teraz trochę o CSS
1. Nie styluj id, styluj klasy. ID zostaw dla js.
2. scalaj takie wpisy w jeden
#menu_lewe li {
padding: 2px 0;
list-style-type: none;
}
#menu_lewe li {
vertical-align: middle
}
Dodatkowo polecam wyrobić sobie nawyk stawiania ; na końcu każdej linii
3. Nadajesz listy-style-type tagom <li> co jest błędne. Powinieneś dawać takie style <ul> albo <ol> i zmieniać całą listę na raz.
4. To nic nie zmienia:
#menu_lewe li {
vertical-align: middle
}
I to chyba tyle. Większość z rzeczy które napisałem to raczej kosmetyczne zmiany ale uczynią Twój kod ładniejszym i bardziej poprawnym. Oprócz tego (ale to już kwestia preferencji) polecałbym używać angielskich nazw i camelCase (łatwiej się piszę). Jakby coś co napisałem nie było dla Ciebie zrozumiałe to śmiało pytaj.
