![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 27.09.2021 Ostrzeżenie: (0%) ![]() ![]() |
Witam, na jednej podstronie z niewiadomych przyczyn tekst mi się psuję i usuwa polskie znaki mimo że na innych stronach działa.
KOD: <!DOCTYPE html> <html lang="pl"> <head> <meta charset="utf=8"/> <title>SPRZĘT DLA GRACZY</title> <meta name="description" content="Strona prezentuje sprzęt jaki sprzedaje firma CORSAIR."/> <meta name="keywords" content="corsair,piraci,pirates,pirat,klawiatura,myszka,chłodzenie,RGB,ARGB"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <link rel="stylesheet" href="style[Konflikt].css" type="text/css"/> <link href="https://fonts.googleapis.com/css2?family=Ribeye+Marrow&display=swap" rel="stylesheet"> </head> <body> <div id="container"/> <a href="stronaglowna.html"><img src="ph/logo.png"></a> <div id="logo"> <i> SPRZĘT KOMPUTEROWY </i> </div> <div id="menu"> <body link="white" vlink="white" alink="white"> <div class="option"> <a href="sdg.html">SPRZĘT DLA GRACZY</a></div> <div class="option"> <a href="tramwaj.html">CZĘŚCI KOMPUTEROWE</a></div> <div class="option"> <a href="tramwaj.html">KOMPUTERY DLA GRACZY</a></div> <div class="option"> <a href="tramwaj.html">OPROGRAMOWANIE</a></div> <div class="option"> <a href="tramwaj.html">SPOŁECZNOŚĆ</a></div> <div class="option"> <a href="tramwaj.html">POMOC TECHNICZNA</a></div> <div style="clear:both;"></div> </div> <div id="videotopbar"> <div id="topbarR"> <video width="1030" height="500" autoplay="true" loop="true" playsinline="true"> <source src="vd/game.mp4" type="video/mp4"> </div> <div style="clear:both;"></div> </div> <div id="contentSDG"> <div id="sdg"> <a href="myszki.html"><img src="ph/Imouse.jpeg" style="width: 300px; height: 300px;"></a> <a href="klawiatury.html"><img src="ph/Ikeyboard.jpeg" style="width: 300px; height: 300px;"></a> <a href="fotele.html"><img src="ph/Ichair.jpeg" style="width: 300px; height: 300px;"></a> <a href="sluchawki.html"><img src="ph/Iheadphones.jpeg" style="width: 300px; height: 300px;"></a> <a href="akcesoria.html"><img src="ph/Iaccesories.jpeg" style="width: 300px; height: 300px;"></a> </div> </body> </html> KOD STYLE: body { background-color: #ffcccc; font-family:'Yaldevi',cursive; background-color:black; background-image:fixed; background-image:no-repeat; text-align: center; } |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
1. Czy style/plik z fontem Yaldevi jest załączony do strony?
2. Sprawdź znaczniki. Jest kompletny bałagan. Dwa razy <body>, niezamknięte <video>. Do list stosuj <ul/ol>+<li>. Jeśli menu jest nawigacją to całość w <nav> 3. W CSS masz dwa razy kolor tła dla <body> |
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 27.09.2021 Ostrzeżenie: (0%) ![]() ![]() |
1. Czy style/plik z fontem Yaldevi jest załączony do strony? 2. Sprawdź znaczniki. Jest kompletny bałagan. Dwa razy <body>, niezamknięte <video>. Do list stosuj <ul/ol>+<li>. Jeśli menu jest nawigacją to całość w <nav> 3. W CSS masz dwa razy kolor tła dla <body> 1. Font jest dołączony, czcionka rozwala się tylko przy górnym menu 2. wiem, że jest bałagan. Dopiero się uczę (to jest zadanie do szkoły). Próbowałem robić listy <ul/ol> lecz dla mnie to za dużo jak na początek 3. Zauważyłem i usunąłem jedno |
|
|
![]()
Post
#4
|
|
Grupa: Zarejestrowani Postów: 3 034 Pomógł: 366 Dołączył: 24.05.2012 Ostrzeżenie: (0%) ![]() ![]() |
zeby były polskie znaki to muszis mieć font latin-ext załadowany
Ten post edytował com 28.09.2021, 14:40:22 |
|
|
![]()
Post
#5
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 27.09.2021 Ostrzeżenie: (0%) ![]() ![]() |
|
|
|
![]()
Post
#6
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Poprawiłeś znaczniki <body> i <video>?
|
|
|
![]()
Post
#7
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 27.09.2021 Ostrzeżenie: (0%) ![]() ![]() |
Poprawiłeś znaczniki <body> i <video>? Poprawione i dalej to samo https://ibb.co/dsZyhCN - zdjęcie jak to wygląda |
|
|
![]()
Post
#8
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Pokaż kod HTML po zmianach.
|
|
|
![]()
Post
#9
|
|
Grupa: Zarejestrowani Postów: 594 Pomógł: 66 Dołączył: 22.02.2008 Skąd: Dublin Ostrzeżenie: (0%) ![]() ![]() |
Taki kod stosowalo sie 20 lat temu.
|
|
|
![]()
Post
#10
|
|
Grupa: Zarejestrowani Postów: 324 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) ![]() ![]() |
W jakim edytorze robiłeś te 2 podstrony? Może kodowanie znaków w edytorze przy tych podstronach było przestawione.
|
|
|
![]()
Post
#11
|
|
Grupa: Zarejestrowani Postów: 3 034 Pomógł: 366 Dołączył: 24.05.2012 Ostrzeżenie: (0%) ![]() ![]() |
to wyglada na problem z kodowaniem, albo utf8 z bom (IMG:style_emoticons/default/smile.gif)
|
|
|
![]()
Post
#12
|
|
Grupa: Zarejestrowani Postów: 493 Pomógł: 8 Dołączył: 7.07.2007 Skąd: Tychy Ostrzeżenie: (0%) ![]() ![]() |
Tak, w edytorze w którym kodujesz powinna być opcja FORMAT ( tak jest przynajmniej w notepad++ ) i tam wybierz ( i od dzisiaj ZAWSZE WYBIERAJ zgodnie z PSR ) KODUJ W UTF-8 BEZ BOM.
Jeśli nie działa, pousuwaj wszystkie psute znaki i spacje, możesz też użyć KONWERTUJ na format UTF-8 BEZ BOM. Do kodowania użyj najlepiej darmowego Visual Studio Code albo przytoczony notepad++ Nasz czy zadziała |
|
|
![]()
Post
#13
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 27.09.2021 Ostrzeżenie: (0%) ![]() ![]() |
Tak, w edytorze w którym kodujesz powinna być opcja FORMAT ( tak jest przynajmniej w notepad++ ) i tam wybierz ( i od dzisiaj ZAWSZE WYBIERAJ zgodnie z PSR ) KODUJ W UTF-8 BEZ BOM. Jeśli nie działa, pousuwaj wszystkie psute znaki i spacje, możesz też użyć KONWERTUJ na format UTF-8 BEZ BOM. Do kodowania użyj najlepiej darmowego Visual Studio Code albo przytoczony notepad++ Nasz czy zadziała Ja akurat używam Sublime text nic z tego nie działa Jakim cudem tylko te 2 podstrony nie działają, mimo że kod jest taki sam jak w innych to wyglada na problem z kodowaniem, albo utf8 z bom (IMG:style_emoticons/default/smile.gif) utf8 jest bez BOM jak może być z kodowaniem, skoro kod jest taki sam jak na innych, gdzie działa wszystko i tylko zdjęcia są zmienione W jakim edytorze robiłeś te 2 podstrony? Może kodowanie znaków w edytorze przy tych podstronach było przestawione. Wszystko robię w Sublime TEXT, jedynie te 2 podstrony nie działają pomimo, że kod jest taki sam jak na innych czy stronie głównej Taki kod stosowalo sie 20 lat temu. No bardzo mi przykro ale tego uczą w szkole średniej Pokaż kod HTML po zmianach. <!DOCTYPE html> <html lang="pl"> <head> <meta charset="utf=8"/> <title> SPRZĘT KOMPUTEROWY </title> <meta name="description" content="Strona prezentuje sprzęt jaki sprzedaje firma CORSAIR."/> <meta name="keywords" content="corsair,piraci,pirates,pirat,klawiatura,myszka,chłodzenie,RGB,ARGB"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <link rel="stylesheet" href="style[Konflikt].css" type="text/css"/> <link href="https://fonts.googleapis.com/css2?family=Ribeye+Marrow&display=swap" rel="stylesheet"/> </head> <body> <div id="container"/> <a href="stronaglowna.html"><img src="ph/logo.png"></a> <div id="logo"> <i> SPRZĘT KOMPUTEROWY </i> </div> <div id="menu"> <body link="white" vlink="white" alink="white"> <div class="option"> <a href="sdg.html">SPRZĘT DLA GRACZY</a></div> <div class="option"> <a href="ck.html">CZĘŚCI KOMPUTEROWE</a></div> <div class="option"> <a href="tramwaj.html">KOMPUTERY DLA GRACZY</a></div> <div class="option"> <a href="tramwaj.html">OPROGRAMOWANIE</a></div> <div class="option"> <a href="tramwaj.html">SPOŁECZNOŚĆ</a></div> <div class="option"> <a href="tramwaj.html">POMOC TECHNICZNA</a></div> <div style="clear:both;"></div> </body> </div> <div id="videotopbar"> <div id="topbarR"> <video width="1030" height="500" autoplay="true" playsinline="true" loop="true"> <source src="vd/game.mp4" type="video/mp4"/> </video> </div> <div style="clear:both;"></div> </div> <div id="contentSDG"> <div id="sdg"> <a href="myszki.html"><img src="ph/Imouse.jpeg" style="width: 300px; height: 300px;"></a> <a href="klawiatury.html"><img src="ph/Ikeyboard.jpeg" style="width: 300px; height: 300px;"></a> <a href="fotele.html"><img src="ph/Ichair.jpeg" style="width: 300px; height: 300px;"></a> <a href="sluchawki.html"><img src="ph/Iheadphones.jpeg" style="width: 300px; height: 300px;"></a> <a href="akcesoria.html"><img src="ph/Iaccesories.jpeg" style="width: 300px; height: 300px;"></a> </div> </div> </body> |
|
|
![]()
Post
#14
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Pokaż gdzie/w jaki sposób dołączasz font Yaldevi.
|
|
|
![]()
Post
#15
|
|
Grupa: Zarejestrowani Postów: 324 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) ![]() ![]() |
Nie
Kod <meta charset="utf=8"/> tylko Kod <meta charset="utf-8">
|
|
|
![]()
Post
#16
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
I tak dokument będzie parsowany jako UTF-8. Domyślnie Chrome tak interpretuje strony.
Można to sprawdzić w konsoli: document.characterSet |
|
|
![]()
Post
#17
|
|
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 27.09.2021 Ostrzeżenie: (0%) ![]() ![]() |
|
|
|
![]()
Post
#18
|
|
Grupa: Zarejestrowani Postów: 6 806 Pomógł: 1828 Dołączył: 11.03.2014 Ostrzeżenie: (0%) ![]() ![]() |
Nie.
Chodzi mi o to, że pliki z fontem muszą być załączone do strony. Samo wskazanie nazwy nie powoduje dołączenia fontu. Na stronie załączyłeś czcionki Ribeye oraz Marrow. Kiedy pierwszy raz zadałem pytanie o font, odpisałeś, że jest dołączony. Ponawiam jednak. |
|
|
![]()
Post
#19
|
|
Grupa: Zarejestrowani Postów: 324 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) ![]() ![]() |
Chodziło mi bardziej o poprawność html-a, bo też czekam na to "dołączenie" czcionki.
|
|
|
![]() ![]() |
![]() |
Aktualny czas: 25.08.2025 - 18:15 |