Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] li:before a html
Spawnm
post
Post #1





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




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.
Go to the top of the page
+Quote Post
Fifi209
post
Post #2





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


A jakbyś dał list-style-image ? Chyba najbezpieczniej ;p


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Spawnm
post
Post #3





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




No właśnie chciałem uniknąć image.
Go to the top of the page
+Quote Post
Fifi209
post
Post #4





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


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)


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
cniak
post
Post #5





Grupa: Zarejestrowani
Postów: 169
Pomógł: 12
Dołączył: 16.09.2009

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


content działa jak w <pre>tekst</pre>
Go to the top of the page
+Quote Post
Crozin
post
Post #6





Grupa: Zarejestrowani
Postów: 6 476
Pomógł: 1306
Dołączył: 6.08.2006
Skąd: Kraków

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


Dlaczego dajesz jakieś <b /> zamiast ustawić po prostu font-weight: blod?
Go to the top of the page
+Quote Post
Spawnm
post
Post #7





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




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





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


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.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Spawnm
post
Post #9





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




Fifi209 ale to co dałeś nie robi tego co ja chcę uzyskać...
+ nawalasz zbędnych spanów.
Go to the top of the page
+Quote Post
Fifi209
post
Post #10





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


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.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
Spawnm
post
Post #11





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




Ale zobacz że to ma być malutka kropeczka na nie bąbel od <li />
Go to the top of the page
+Quote Post
Fifi209
post
Post #12





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


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.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
antyqjon
post
Post #13





Grupa: Zarejestrowani
Postów: 77
Pomógł: 27
Dołączył: 24.03.2002
Skąd: Tarnów

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


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. }


Ten post edytował antyqjon 1.11.2010, 16:40:45


--------------------
Zbyszek 'antyqjon' Siciarz

siciarz.net | Aquila DSP C++
Go to the top of the page
+Quote Post
Spawnm
post
Post #14





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




Wielkie dzięki za pomoc smile.gif
+ coś co mi się przydało po poście Antyqjona:
ascii-table.com
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 08:36