Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] li:before a html
Forum PHP.pl > Forum > Przedszkole
Spawnm
Hey,
da się wymusić aby np:
  1. #box_2_1 li:before {
  2. content: '·';
  3. }
  4. //or
  5. #box_2_1 li:before {
  6. content: '<b>-</b>';
  7. }

Wyświetliło mi na stronie - zamiast <b>-</b> ?
Jest jakiś odpowiednik content lub dodatkowy parametr umożliwiający mi to ?
Wydaje mi się że było coś takiego ale jakoś nie mogę się doszukać :/
Czy pozostaje mi tylko dodanie w pętli echo '<b>-</b>'; ?

Zależy mi aby działało również w ie.
Fifi209
A jakbyś dał list-style-image ? Chyba najbezpieczniej ;p
Spawnm
No właśnie chciałem uniknąć image.
Fifi209
Z ciekawości: Dlaczego chciałbyś uniknąć image?

Poza tym wydaje mi się, że jest to lepsze rozwiązanie, ponieważ zostanie lepiej zinterpretowane w starszych przeglądarkach. (nie jestem pewien od kiedy jest content)
cniak
content działa jak w <pre>tekst</pre>
Crozin
Dlaczego dajesz jakieś <b /> zamiast ustawić po prostu font-weight: blod?
Spawnm
Crozin - to był przykład winksmiley.jpg
Tak konkretnie to chcę dostać pomarańczowego &middot; przed każdym punktem.
I tu jest problem bo zamiast kropki wyświetla mi &middot; .
Fifi209
Też jestem głupi i nie pomyślałem ;p

html:
  1. <ul>
  2. <li><span>a</span></li>
  3. <li><span>b</span></li>
  4. <li><span>c</span></li>
  5. </ul>


css:
  1. ul {
  2. color: orange;
  3. }
  4.  
  5. li span {
  6. color: black;
  7. }


i pozamiatane winksmiley.jpg nie trzeba używać list-style-image ani żadnego content.
Spawnm
Fifi209 ale to co dałeś nie robi tego co ja chcę uzyskać...
+ nawalasz zbędnych spanów.
Fifi209
To może źle Cię zrozumiałem, ale według tego co znalazłem i z doświadczeń "&middot;" to właśnie "kropeczka" do punktowania.
A skoro próbowałeś zrobić coś takiego to uznałem, że chcesz aby miała inny styl niż reszta tekstu.
Spawnm
Ale zobacz że to ma być malutka kropeczka na nie bąbel od <li />
Fifi209
Cytat(Spawnm @ 1.11.2010, 16:31:35 ) *
Ale zobacz że to ma być malutka kropeczka na nie bąbel od <li />

Jaki więc problem zmienić rozmiar czcionki?
  1. ul {
  2. color: orange;
  3. font-size: 8px;
  4. }
  5.  
  6. li span {
  7. color: black;
  8. font-size: 16px;
  9. }


I masz taką samą małą kropeczkę jak "&middot;" - bynajmniej u mnie dobrze działa.
antyqjon
Generated content nie jest parsowany jako fragment DOM, jest tylko renderowany. Dlatego encje typu &cośtam; nie zostaną zamienione na symbole, podobnie tagi zostaną wstawione dosłownie. Spróbuj tak - wstawiając kropkę jako znak z Unikodu:
  1. li:before {
  2. content: "\00b7 ";
  3. }
Spawnm
Wielkie dzięki za pomoc smile.gif
+ coś co mi się przydało po poście Antyqjona:
ascii-table.com
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.