Problem z hyphens

  • 10 replies
  • 343 views
Problem z hyphens
« dnia: Maj 17, 2018, 11:19:14 am »
Hyphens pozwala na dzielenie słów myślnikami w przeglądarkach (na stronach, które wprowadziły ten skrypt do css). Na mojej stronie mam taki skrypt. Działało to w Linuxie Mint 17.0. W wersjach od 17.1 aż do 18.3 funkcja ta nie działa, jakby programiści o niej zapomnieli lub usunęli czytanie kodu hyphens. W innych systemach operacyjnych (Windows, Mac i w Mincie 17.0 opcja hyphens działa).

Czy ktoś wie, jak ten problem rozwiązać?
« Ostatnia zmiana: Maj 17, 2018, 11:22:17 am wysłana przez wolnemedia »

*

Offline yahoob3

  • *****
  • 683
  • 121
  • Płeć: Mężczyzna
  • Zgryźliwy tetryk
    • Organy Hammonda
Odp: Problem z hyphens
« Odpowiedź #1 dnia: Maj 17, 2018, 11:31:15 am »
[tu były głupoty]

EDIT:
OK, chyba zaczaiłem o co chodzi. :)
Zobacz to, jeśli jeszcze nie widziałeś. Tu autor podpowiada składnię skryptu...
https://css-tricks.com/almanac/properties/h/hyphenate/

https://stackoverflow.com/questions/44714528/css-hyphens-not-working-in-chrome-and-firefox
« Ostatnia zmiana: Maj 17, 2018, 20:43:53 pm wysłana przez yahoob3 »
Mint 18.3 Cinnamon, kern. 4.10; 64-bit na: Lenovo G500S z CPU Pent. 2020M 2.4 GHz*2; 6 GB RAM; GPU Intel+GeForce 720M;
LU#586742

Odp: Problem z hyphens
« Odpowiedź #2 dnia: Maj 18, 2018, 10:19:43 am »
Moja składnia na portalu WolneMedia.net w CSS wygląda tak:

body {
(...)
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

Czyli wszystko jest OK.

To sam Linux Mint nie czyta tych komend (lub ignoruje). Mint 17.0, Windows, Mac, czytają. Ale Minty od 17.1 do 18.3 nie czytają (ignorują). Co ciekawe, znalazłem wtyczkę TypoFr do Wordpressu, która narzuca dzielenie na serwerze a nie na komputerze użytkownika (i wtedy myślniki są, ale polskie znaki zapisuje francuskim kodowaniem i nie mogę jej stosować, chyba że ktoś z Was pomógłby ją wyedytować - ale to rozwiazałoby problem tylko dla mojej strony, a nie ogólny problem systemu operacyjnego). Dlatego szukam rozwiązania dla Linuxa Mint 18.3 by interpretował ten kod CSS poprawnie. Na mojej stronie stosuję ten kod, więc sami możecie zobaczyć na swoich Mintach, czy wam dzieli słowa myślnikami w artykułach. Mi nie dzieli. Na innych stronach, na których widziałem dzielenie myślnikami, też przestało dzielić. Nie działa mi to w żadnej przeglądarce, więc to wina Minta.

Tutaj zrzuty ekranu w Mincie 17.0 i 18.3 dla porównania i pokazania problemu.



« Ostatnia zmiana: Maj 18, 2018, 11:38:26 am wysłana przez wolnemedia »

*

Offline yahoob3

  • *****
  • 683
  • 121
  • Płeć: Mężczyzna
  • Zgryźliwy tetryk
    • Organy Hammonda
Odp: Problem z hyphens
« Odpowiedź #3 dnia: Maj 18, 2018, 10:37:07 am »
Moja składnia na portalu w CSS wygląda tak:

body {
(...)
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
Czyli wszystko jest OK.
Pod poradnikiem w komentarzach są też takie wskazówki: np.
https://css-tricks.com/almanac/properties/h/hyphenate/#comment-1592912
czyhttps://css-tricks.com/almanac/properties/h/hyphenate/#comment-1593875
W kilku innych też ludzie pokazują kod, który zadziałał, zwłaszcza "word-break:", czego u Ciebie nie ma - lub nie pokazałeś?
Mint 18.3 Cinnamon, kern. 4.10; 64-bit na: Lenovo G500S z CPU Pent. 2020M 2.4 GHz*2; 6 GB RAM; GPU Intel+GeForce 720M;
LU#586742

Odp: Problem z hyphens
« Odpowiedź #4 dnia: Maj 18, 2018, 10:47:17 am »
Pełny kod formatowania znaków jest taki (nie pokazałem tylko tła i fonta):

body {
text-align: center;
font-size:12px;
color:#000000;
background-color:#ffffff;
-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

Może potrafiłbyś wrzucić z poprawkami? Nie za bardzo wiem, jak zastosować rozwiązanie z tych linków. Bo ja nie jestem w tym mocny.

Zrobiłem tak i nic to nie dało:

body {
text-align: center;
font-size:12px;
color:#000000;
background-color:#ffffff;
-ms-word-break: break-all;
word-break: break-all; // Non standard for webkit
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-hyphens: auto;
}

Zrobiłem wiec tak i dalej nic:

body {
text-align: center;
font-size:12px;
color:#000000;
background-color:#ffffff;
        word-break: break-word;
       hyphens: auto;
}
« Ostatnia zmiana: Maj 18, 2018, 11:40:38 am wysłana przez wolnemedia »

*

Offline yahoob3

  • *****
  • 683
  • 121
  • Płeć: Mężczyzna
  • Zgryźliwy tetryk
    • Organy Hammonda
Odp: Problem z hyphens
« Odpowiedź #5 dnia: Maj 18, 2018, 11:30:21 am »
Raczej nie pomogę w analizie kodu. Najbardziej skomplikowanym "kodem" z jakim miałem do czynienia był conky.conf :)
Ale zdaje się, że trafiliśmy w sedno problemu. Kwestia, żeby ktoś rozumiejący kod podpowiedział, jak to napisać.
Popraw post - dodaj znaczniki code (#) bo jest mało czytelnie - tu jest opis, jak to zrobić: http://forum.linuxmint.pl/index.php?topic=6937.msg64458#new
« Ostatnia zmiana: Maj 18, 2018, 11:39:51 am wysłana przez yahoob3 »
Mint 18.3 Cinnamon, kern. 4.10; 64-bit na: Lenovo G500S z CPU Pent. 2020M 2.4 GHz*2; 6 GB RAM; GPU Intel+GeForce 720M;
LU#586742

Odp: Problem z hyphens
« Odpowiedź #6 dnia: Maj 18, 2018, 11:45:34 am »
Poprawiłem "code". Innym rozwiązaniem, mogłoby być wyedytowanie wtyczki TypoFr z Wordpressa na polskie kodowanie znaków, by w każdym systemie operacyjnym były myślniki (także w nowych Mintach). Podmieniłem w niej fr_FR na pl_PL i czyta polski słownik (dzieli polskimi sylabami a nie francuskimi), ale znaki (litery) koduje po francusku (choć wyglądają jak polskie).
https://wordpress.org/plugins/typofr/

*

Offline yahoob3

  • *****
  • 683
  • 121
  • Płeć: Mężczyzna
  • Zgryźliwy tetryk
    • Organy Hammonda
Odp: Problem z hyphens
« Odpowiedź #7 dnia: Maj 18, 2018, 12:09:02 pm »
Tu też nie pomogę :)
Wordpressa widziałem, owszem u koleżanki na komputerze, jak miała problem z pop-upami, bo klęła i podszedłem zobaczyć nad czym tak się zżyma :)
Cierpliwości - pewnie trafi się na forum ktoś, kto będzie w stanie pomóc.


EDIT:
A może jednak...
Spróbuj tego kodu:
@supports not (-moz-hyphens: auto) {
    body {
        word-break: break-all;
    }
}
body {
  text-align: center;   
   font-size:12px;
   color:#000000;
   background-color:#ffffff;
  /* Old IE Support */
  -ms-word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
Co ciekawe - na Firefoxie działa bo mam 6*, na Chrome - nie, ale od wersji 69 - tak. Ja mam 66.
Zgodnie z tym, co napisał autor CSS-Tricks.



Tu jest link do testera kodu... pobaw się, może coś więcej wymyślisz? :)
https://jsfiddle.net/MrLister/m2ws1aru/2/
« Ostatnia zmiana: Maj 18, 2018, 19:00:42 pm wysłana przez yahoob3 »
Mint 18.3 Cinnamon, kern. 4.10; 64-bit na: Lenovo G500S z CPU Pent. 2020M 2.4 GHz*2; 6 GB RAM; GPU Intel+GeForce 720M;
LU#586742

Odp: Problem z hyphens
« Odpowiedź #8 dnia: Maj 19, 2018, 10:54:32 am »
Niestety, kod nie działa. Przeszedłem na Firefoxa 6 - faktycznie, tam ten problem rozwiązali (widocznie ktoś im zgłosił, od Minta 17.1 minęło sporo czasu).

*

Offline yahoob3

  • *****
  • 683
  • 121
  • Płeć: Mężczyzna
  • Zgryźliwy tetryk
    • Organy Hammonda
Odp: Problem z hyphens
« Odpowiedź #9 dnia: Maj 19, 2018, 10:57:52 am »
Wygląda na to, że problem leży po stronie przeglądarki. Czyli zdaje się koniec tematu, bo tego nie przeskoczymy. Jestem za cienki w uszach, żeby dalej drążyć temat.
Mint 18.3 Cinnamon, kern. 4.10; 64-bit na: Lenovo G500S z CPU Pent. 2020M 2.4 GHz*2; 6 GB RAM; GPU Intel+GeForce 720M;
LU#586742

Odp: Problem z hyphens
« Odpowiedź #10 dnia: Maj 19, 2018, 11:02:55 am »
To raczej wina Minta - bo jak pisałem wcześniej, do Minta 17.0 dzielenie działało, od Minta 17.1 do teraz przestało działać (a działa w Windowsie i Macu i nadal w Mincie 17.0). Firefox coś tam u siebie usprawnił by rozwiązać ten problem, ale problem w systemie operacyjnym pozostał.

Dzięki za próbę rozwiązania problemu.
« Ostatnia zmiana: Maj 19, 2018, 11:05:00 am wysłana przez wolnemedia »