li: before{content:"■";} jak zakodować ten znak specjalny jako Bullit w e-mail papeterii?

Po dumnie kolorując mój liststyle bullet bez żadnego adresu URL obrazka ani znaczników span, via: 

ul{ list-style: none; padding:0;  margin:0;  }
li{ padding-left: 1em; text-indent: -1em;    }
li:before { content: "■"; padding-right:7px; }

Chociaż te arkusze stylów działają idealnie do zaokrąglonych granic i innych rzeczy css3, i chociaż odbiorca wiadomości e-mail (na przykład Eudora OSE 1) renderuje wszystkie style css poprawnie, tak jak w przeglądarce, jest jeden problem: punktory takie jak • lub ■ zostają przekonwertowane na &#adabacadabra;

Pojawiające się w końcu tak w e-mailach:

Tutaj wpisz opis obrazka

Jak mam teraz postępować?

Author: Community, 2011-03-15
Source

6 answers

Nigdy wcześniej nie miałem do czynienia z tym problemem (nie działało zbyt wiele na e-mail, unikam go jak plaga), ale można spróbować zadeklarować punkt z kodem unicode (Inna notacja dla CSS niż dla HTML): content: '\2022'. (musisz użyć liczby szesnastkowej, a nie dziesiętnej 8226)

Wtedy, jeśli użyjesz czegoś, co odbiera te znaki i koduje je HTML w encje( które nie będą działać dla ciągów CSS), myślę, że to zignoruje.

 120
Author: Lea Verou,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-03-16 05:48:15

You ca try this: 

ul { list-style: none;}

li { position: relative;}

li:before {
    position: absolute;  
    top: 8px;  
    margin: 8px 0 0 -12px;    
    vertical-align: middle;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #ccc;
    content: "";
}

Udało mi się, dzięki temu postowi .

 6
Author: amit trvedi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2012-12-11 19:48:09

Masz problem z podwójnym kodowaniem.

■ i • są absolutnie równoważne sobie. Oba odnoszą się do znaku Unicode 'BULLET' (U+2022) i mogą istnieć obok siebie w kodzie źródłowym HTML.

Jeśli jednak kod źródłowy będzie kodowany HTML ponownie w pewnym momencie, będzie zawierał ■ i •. Pierwszy jest renderowany bez zmian, drugi pojawi się jako " • " na ekranie.

To jest właściwe zachowanie w tych okolicznościach. Ty trzeba znaleźć punkt, w którym występuje zbędne drugie kodowanie HTML i pozbyć się go.
 5
Author: Tomalak,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-03-15 19:20:18

Konwerter Lea nie jest już dostępny. Właśnie użyłem tego konwertera

Kroki:

  1. wprowadź dziesiętną wersję Unicode, taką jak 8226 w zielonym polu wprowadzania narzędzia.
  2. prasa Dec code points
  3. Zobacz wynik w polu Unicode U+hex notation (np. U + 2022)
  4. Użyj go w CSS. Eg content: '\2022'

Ps. Nie mam związku ze stroną internetową.

 2
Author: Larry K,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-01-01 07:40:02

Nie powinieneś używać LIs w e-mailach. Są nieprzewidywalne we wszystkich klientach poczty e-mail. Zamiast tego musisz zakodować każdy punkt w taki sposób: 

<table width="100%" cellspacing="0" border="0" cellpadding="0">
    <tr>
        <td align="left" valign="top" width="10" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">&bull;</td>
        <td align="left" valign="top" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">This is the first bullet point</td>
    </tr>
    <tr>
        <td align="left" valign="top" width="10" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">&bull;</td>
        <td align="left" valign="top" style="font-family:Arial, Helvetica, Sans-Serif; font-size:12px;">This is the second bullet point</td>
    </tr>
</table>

Zapewni to, że punktory będą działać w każdym kliencie poczty e-mail.

 2
Author: DoubleA,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-03-06 08:38:47

Ta strona może być pomocna, 

http://character-code.com

Tutaj możesz go skopiować i umieścić bezpośrednio na css html

 -1
Author: Bikram Shrestha,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-06-23 14:07:35