Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z background-image w znaczniku <a>
Forum PHP.pl > Forum > Po stronie przeglądarki
Darek1985
13.07.2006, 14:06:06
Witam.
Mam mały problem zdopasowaniem odpowiedniego css aby link po najechaniu wyswietlil w tle rysunek(paski pod linkiem) oto kod samego znacznika <a>
[HTML] pobierz, plaintext 
  1. <a href="inc/" title=""	id="strglowna">Strona Główna</a>
[HTML] pobierz, plaintext

a to css ktory do niego dopasowalem

[HTML] pobierz, plaintext 
  1. A#strglowna:link{
  2. display:inline;
  3. float:right;
  4. font-family:arial,verdana,tahoma;
  5. font-size:12px;
  6. color:white;
  7. margin:10px 170px 0 0;
  8. text-decoration:none;
  9. background (img:grafika/logo1.gif);
  10. height:50px;
  11. width:100px;
  12. }
  13.  
  14.  
  15.  
  16.  
  17. A#strglowna:visited {
  18. display:inline;
  19. float:right;
  20. font-family:arial,verdana,tahoma;
  21. font-size:12px;
  22. color:white;
  23. margin:10px 170px 0 0;
  24. text-decoration:none;
  25. }
  26.  
  27. A#strglowna:hover {
  28. display:inline;
  29. float:right;
  30. font-family:arial,verdana,tahoma;
  31. font-size:12px;
  32. color:white;
  33. margin:10px 170px 0 0;
  34. text-decoration:underline;
  35.  
  36. background-image:url('pasek.gif') repeat-x;
  37. height:50px;
  38. width:100px;
  39. }
  40.  
  41. A#mail:active {
  42. display:inline;
  43. float:right;
  44. font-family:arial,verdana,tahoma;
  45. font-size:12px;
  46. color:white;
  47. margin:10px 170px 0 0;
  48. text-decoration:none;
  49. background (img:grafika/logo1.gif)
  50. }
[HTML] pobierz, plaintext


po najechaniu na link oprócz podkreślenie nie wyświetla mi się rynek.Nie wiem jak to poprawnie ma być.
A kolejne pytanie dotyczy prawidłowego kodowanie w UTF-8 z tego co wiem to UTF-8 powinien poprawnie wyśiwetlać polskie znaki i tak się dzieje oprócz IE.

Oto kod
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2.  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  3.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4.  <html xmlns="http://www.w3.org/1999/xhtml">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> 
  6.  
  7.    <head>
[HTML] pobierz, plaintext


Z góry dzięki za wszystkie podpowiedzi.Pozdrawiam

Chciałbym tylko zaznaczyć że będe naprawdę wdzięczny za odpowiedz blinksmiley.gif ponieważ dalej nie mogę sobie poradzić z tym linkiem ,a widzę że ludzie aż rwą się do pomocy
Kill3R
13.07.2006, 21:56:51
zamiast


[HTML] pobierz, plaintext 
  1. background-image:url('pasek.gif') repeat-x;
[HTML] pobierz, plaintext


daj

[HTML] pobierz, plaintext 
  1. background: url('pasek.gif') repeat-x;
[HTML] pobierz, plaintext



co do drugiego pytania to ja mam tak
[HTML] pobierz, plaintext 
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
[HTML] pobierz, plaintext


ale pamietaj ze oprócz tej linijki musisz zakodowac ten plik
IMO Najlepiej używać edytora, który od razu koduje do utf. Ja używam jEdit
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.