Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html]i[css]Problem z wyśrodkowaniem i polskimi znakami
Forum PHP.pl > Forum > Przedszkole
Magik125
Witam,
Mam taki problem nie wiem dlaczego jak robie strone w pajączku wyświetlają mi sie polskie znaki, a jak wejde na localhosta gdze mam strone to nie ma polskich znaków i jeszcze chce zrobic 5 przycisków i zrobilem je w ul i li obok siebie i nie da sie wysrodkowac prosze o pomoc o to kod:
  1. <ul class="main">
  2. <li class="home"></li>
  3. <li class="filmy"></li>
  4. <li class="foto"></li>
  5. <li class="squad"></li>
  6. <li class="contact"></li>
  7. </ul>

i css:
  1. .main {
  2. display: block;
  3. list-style: none;
  4. margin: 0 auto;
  5. width: 700px
  6. height: 35px;
  7. }
  8.  
  9. .home {
  10. float: left;
  11. width: 116px;
  12. height: 35px;
  13. background-image: url(images/home.gif);
  14. }
  15.  
  16. .filmy {
  17. float: left;
  18. width: 144px;
  19. height: 35px;
  20. background-image: url(images/film.gif);
  21. }
  22.  
  23. .foto {
  24. float: left;
  25. width: 137px;
  26. height: 35px;
  27. background-image: url(images/foto.gif);
  28. }
  29.  
  30. .squad {
  31. float: left;
  32. width: 118px;
  33. height: 35px;
  34. background-image: url(images/squad.gif);
  35. }
  36.  
  37. .contact {
  38. float: left;
  39. width: 185px;
  40. height: 35px;
  41. background-image: url(images/kontakt.gif);
  42. }
grzesiek_g
A w jakim kodowaniu masz zapisaną stronę i jakie kodowanie obsługuje serwer? Pewnie się różnią, kodowanie ustawiasz jeszcze w sekcji meta (może masz tam cp-1250), nie wiem z jakim zapisuje Pajączek bo używałem go tylko raz i to bardzo dawno.

Z tym wyśrodkowaniem to źle podchodzisz bo nadajesz pływanie elementom listy.
  1. .main {
  2. text-align:center;
  3. }
  4. ul.main li {
  5. display:inline;
  6. }

Niew wiem czy o to chodziło ci dokładnie, poza tym musisz usunąć z elementów listy float:left; i dla długości elementów pobawić się paddingiem, ale dla elementu a znajdującego się w li, czyli coś takiego:
  1. ul.main li a {
  2. padding:0 15px;
  3. line-height:35px;
  4. }
Magik125
nie wiem czy to dobrze robie ale nie podzialalo:(Pomóżcie!

prosze o pomoc!
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.