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;
}
Pełna wersja: [HTML]Psująca się czcionka
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>
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>
Cytat(trueblue @ 28.09.2021, 15:01:38 ) 
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>
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
zeby były polskie znaki to muszis mieć font latin-ext załadowany
Cytat(com @ 28.09.2021, 15:39:57 )
zeby były polskie znaki to muszis mieć font latin-ext załadowany
Znaczy Polskie znaki działają wszędzie oprócz na 2 podstronach pod id=menu. Mimo że kod mam taki sam jak na stronie głównej gdzie wszystko działa i śmiga
Poprawiłeś znaczniki <body> i <video>?
Cytat(trueblue @ 28.09.2021, 18:14:01 )
Poprawiłeś znaczniki <body> i <video>?
Poprawione i dalej to samo
https://ibb.co/dsZyhCN - zdjęcie jak to wygląda
Pokaż kod HTML po zmianach.
Taki kod stosowalo sie 20 lat temu.
W jakim edytorze robiłeś te 2 podstrony? Może kodowanie znaków w edytorze przy tych podstronach było przestawione.
to wyglada na problem z kodowaniem, albo utf8 z bom 
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
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
Cytat(miccom @ 29.09.2021, 15:42:51 )
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
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
Cytat(com @ 29.09.2021, 11:22:35 )
to wyglada na problem z kodowaniem, albo utf8 z bom
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
Cytat(gino @ 29.09.2021, 08:03:23 )
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
Cytat(dublinka @ 28.09.2021, 23:32:58 )
Taki kod stosowalo sie 20 lat temu.
No bardzo mi przykro ale tego uczą w szkole średniej
Cytat(trueblue @ 28.09.2021, 21:39:37 )
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>
Pokaż gdzie/w jaki sposób dołączasz font Yaldevi.
Nie
tylko
Kod
<meta charset="utf=8"/>
tylko
Kod
<meta charset="utf-8">
I tak dokument będzie parsowany jako UTF-8. Domyślnie Chrome tak interpretuje strony.
Można to sprawdzić w konsoli: document.characterSet
Można to sprawdzić w konsoli: document.characterSet
Cytat(trueblue @ 30.09.2021, 14:07:31 )
Pokaż gdzie/w jaki sposób dołączasz font Yaldevi.
Chodzi ci o kod CSS?
body
{
font-family: "Yaldevi",cursive;
background-color:black;
text-align: center;
}
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.
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.
Chodziło mi bardziej o poprawność html-a, bo też czekam na to "dołączenie" czcionki.
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.