Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: first-letter (format pierwszej litery)
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
yavaho
Jest taki styl ktorym definiuje sie tylko własciwosci pierwszej litery.
No i jest problem bo IE w ogule tego nie akceptuje przy formatowaniu linków.
  1. a:first-letter {color:red;}
dla zwyklego tekstu formatuje poprawnie
  1. p:first-letter {color:red;}
Mozna ten efekt jakos w inny sposob osiagnac pod IE za pomoca styli? Ale bez wycinana w php pierwszej litery ze zdania i przypisywania jej do osobnego stylu.
revyag
pseudo-element :first-letter może być stosowany jedynie do elementów blokowych (div,p).
Jeśli chcesz żeby zadziałał dla odnośnika musisz mu nadać styl display:block.
Kod
a {
    display:block;
}
a: first-letter {
    color:red;
}
yavaho
Dzieki. Wreszcie zobaczylem jakis efekt w IE.
Ale w dalszym ciagu nie umiem tego zastosoawc jak tworze oddzielny styl dla indywidualnych linkow.
  1. .menu {
  2. display:block;
  3. }
  4. a:link.menu, a:visited.menu {
  5. color: #777777;
  6. }
  7. a:active.menu, a:hover.menu {
  8. color: #800000;
  9. }
  10.  
  11. <a class="menu" href="">link</a>
revyag
Kod
<style>
a.menu {
    display:block;
}
a.menu:link, a.menu:visited {
    color: #777777;
}
a.menu:active, a.menu:hover {
    color: #800000;
}
</style
yavaho
Wybacz ze dalej to walkuje ale IE ma chyba problem. Gdy okresli sie kolory linka [visited, active, itp] to [first-letter] nie dziala z tymi parametrami pod IE. Probowalem juz chyba na wszystkie sposoby.
  1. a.menu {
  2. display:block;
  3. }
  4. a.menu:link, a.menu:visited {
  5. color: #777777;
  6. }
  7. a.menu:active, a.menu:hover {
  8. color: #800000;
  9. }
  10. a.menu:first-letter {
  11. color: red;
  12. }
  13.  
  14. <a class="menu" href=" ">link</a>
revyag
Pogoglowałem troche i chyba nie ma sposobu żeby to poprawnie wyświetlić :/
Kill3R
witam

moze problem jest w kolejnosci parametrow

1. a:link
2 a:visited
3 a:hover
4 a:active

taka powinna byc kolejnosc parametrow LVHA :-)

pozdrawiam Rafal
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.