Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html]i[css]Problem z wyśrodkowaniem i polskimi znakami
Magik125
post 22.03.2008, 10:49:46
Post #1





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 30.06.2007

Ostrzeżenie: (0%)
-----


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. }
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
grzesiek_g
post 22.03.2008, 11:02:54
Post #2





Grupa: Zarejestrowani
Postów: 249
Pomógł: 30
Dołączył: 18.07.2007

Ostrzeżenie: (0%)
-----


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. }


--------------------
Warsztat: Ubuntu 12.10, PHPStorm
http://vertoo.pl
Go to the top of the page
+Quote Post
Magik125
post 23.03.2008, 10:32:56
Post #3





Grupa: Zarejestrowani
Postów: 31
Pomógł: 0
Dołączył: 30.06.2007

Ostrzeżenie: (0%)
-----


nie wiem czy to dobrze robie ale nie podzialalo:(Pomóżcie!

prosze o pomoc!

Ten post edytował Magik125 22.03.2008, 19:11:30
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 03:00