Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Psująca się czcionka
CarbO0
post
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;
}
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 18)
trueblue
post
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>
Go to the top of the page
+Quote Post
CarbO0
post
Post #3





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.09.2021

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


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>

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
Go to the top of the page
+Quote Post
com
post
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
Go to the top of the page
+Quote Post
CarbO0
post
Post #5





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.09.2021

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


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
Go to the top of the page
+Quote Post
trueblue
post
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>?
Go to the top of the page
+Quote Post
CarbO0
post
Post #7





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.09.2021

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


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
Go to the top of the page
+Quote Post
trueblue
post
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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


Pokaż kod HTML po zmianach.
Go to the top of the page
+Quote Post
dublinka
post
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.
Go to the top of the page
+Quote Post
gino
post
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.
Go to the top of the page
+Quote Post
com
post
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)
Go to the top of the page
+Quote Post
miccom
post
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
Go to the top of the page
+Quote Post
CarbO0
post
Post #13





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.09.2021

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


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

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 (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

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>
Go to the top of the page
+Quote Post
trueblue
post
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.
Go to the top of the page
+Quote Post
gino
post
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">
Go to the top of the page
+Quote Post
trueblue
post
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
Go to the top of the page
+Quote Post
CarbO0
post
Post #17





Grupa: Zarejestrowani
Postów: 8
Pomógł: 0
Dołączył: 27.09.2021

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


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;
}
Go to the top of the page
+Quote Post
trueblue
post
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.
Go to the top of the page
+Quote Post
gino
post
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.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 25.08.2025 - 18:15