Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Obrazek w css jako link w menu
neosatan
post 21.07.2009, 01:32:45
Post #1





Grupa: Zarejestrowani
Postów: 79
Pomógł: 2
Dołączył: 29.04.2009
Skąd: wrocław

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

CSS:
[HTML] pobierz, plaintext 
  1. ul
  2. {
  3. list-style-type: none;
  4. padding: 0;
  5. margin: 0;
  6. }
  7.  
  8. a.news
  9. {
  10. 	height: 25px;
  11. 	width: 180px;
  12. 	background: url(papugi2/view/pic/menu/news_bw.gif);
  13. }
  14. a.news:HOVER
  15. {
  16. 	background: url(papugi2/view/pic/menu/news_c.gif);
  17. }
[HTML] pobierz, plaintext


HTML:
[HTML] pobierz, plaintext 
  1. <ul>
  2. 			<li><a href = "index.php?page=news" class = "news" >Co nowego</a></li>
  3. 			<li>sad;kjsadf</li>
  4. 			<li>asdadk;ljasd</li>
  5. 			</ul>
[HTML] pobierz, plaintext



Jest tak. Chce by był właśnie ten efekt hover, dla zwyczajnych kolorów udaje mi się znakomicie, ale natomiast z tym obrazkiem to właśnie nie chce zadziałać, także myślę, że to kwestia wpisania adresu tego obrazka, lecz wpisywałem już go różnie (url("../adres_dalej/obrazek.gif"), url(../adres_dalej/obrazek.gif), ../adres_dalej/obrazek.gif), ale żaden z nich nie chce dać mi pożądanego efektu.


--------------------
C/C++ (ucze się...), PHP (ucze się...), SMARTY(ucze się...), PYTHON(ucze się...), C#(uczę się...), PERL(uczę się...), JavaScript(uczę się...), JAVA(będą mi kazali się uczyć...)... Ja się głównie uczę...
Go to the top of the page
+Quote Post
Fifi209
post 21.07.2009, 01:41:55
Post #2





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

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

Kod
a.news:HOVER


A nie przypadkiem:
Kod
.news a:HOVER


--------------------
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
ert16
post 21.07.2009, 09:07:09
Post #3





Grupa: Zarejestrowani
Postów: 26
Pomógł: 5
Dołączył: 4.02.2005
Skąd: Kraków

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

Cytat(fifi209 @ 21.07.2009, 00:41:55 ) *
Kod
a.news:HOVER

To dopasowuje się do elementu a o klasie news, w stanie 'hover'

Cytat(fifi209 @ 21.07.2009, 00:41:55 ) *
Kod
.news a:HOVER

to dopasowuje się do elementu a w stanie hover który jest WEWNĄTRZ elementu o klasie news
Go to the top of the page
+Quote Post
greg.paw.90
post 21.07.2009, 09:16:26
Post #4





Grupa: Zarejestrowani
Postów: 71
Pomógł: 8
Dołączył: 12.06.2009
Skąd: Wielkopolska

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

witam a sprawdź tak, bez 'a':

[HTML] pobierz, plaintext 
  1. .news
  2. {
  3. height: 25px;
  4. width: 180px;
  5. background: url(papugi2/view/pic/menu/news_bw.gif);
  6. }
  7. .news:hover
  8. {
  9. background: url(papugi2/view/pic/menu/news_c.gif);
  10. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Swirek
post 21.07.2009, 09:50:27
Post #5





Grupa: Zarejestrowani
Postów: 221
Pomógł: 20
Dołączył: 4.05.2006
Skąd: Polska

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

jak poprzedni przedmówca. Jeśli dopisujesz nazwe klasy bezpośrednio w linku to w odwołaniu nie używaj już a
jeśli link znajdował by się pomiędzy znacznikami np. div o przypisanej takiej nazwie wtedy odwołał byś się do linków wykorzystuąc, dopisując a

choć szczerze mówiąc twój kod powinien zadziałać winksmiley.jpg

Ten post edytował Swirek 21.07.2009, 09:53:18


--------------------
Macho odpadacie ;) .
Go to the top of the page
+Quote Post
viking
post 21.07.2009, 10:17:49
Post #6





Grupa: Zarejestrowani
Postów: 6 378
Pomógł: 1116
Dołączył: 30.08.2006

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

Zainstaluj sobie firebuga, zakładka sieć i zobacz czy get tego obrazka nie zwraca 404.


--------------------
Odpowiedzi na często zadawane pytania:
Konfiguracja serwera Apache + PHP 7 pod Windows | Kodowanie znaków na stronach www | PHPTAL w Zend Framework | Programowanie obiektowe w PHP | PDO uniwersalnym sposobem na obsługę baz danych | Kurs PHP (część 1): Podstawowy opis języka
Go to the top of the page
+Quote Post
neosatan
post 21.07.2009, 11:30:18
Post #7





Grupa: Zarejestrowani
Postów: 79
Pomógł: 2
Dołączył: 29.04.2009
Skąd: wrocław

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

zwraca 404... obrazek wcale nie jest wyswietlany, nawet ten bez hover (wczesniej tego nie napisalem...), dlatego sadze, ze to cos z sciezka...


--------------------
C/C++ (ucze się...), PHP (ucze się...), SMARTY(ucze się...), PYTHON(ucze się...), C#(uczę się...), PERL(uczę się...), JavaScript(uczę się...), JAVA(będą mi kazali się uczyć...)... Ja się głównie uczę...
Go to the top of the page
+Quote Post
ert16
post 21.07.2009, 11:35:36
Post #8





Grupa: Zarejestrowani
Postów: 26
Pomógł: 5
Dołączył: 4.02.2005
Skąd: Kraków

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

Cytat(neosatan @ 21.07.2009, 10:30:18 ) *
zwraca 404... obrazek wcale nie jest wyswietlany, nawet ten bez hover (wczesniej tego nie napisalem...), dlatego sadze, ze to cos z sciezka...

Pamiętaj, że ścieżki relatywne w CSSie są tworzone na podstawie katalogu w którym jest arkusz stylu.
Aby zrobić ścieżkę od katalogu bazowego serwera, rozpocznij ją od /
Go to the top of the page
+Quote Post
neosatan
post 21.07.2009, 12:31:29
Post #9





Grupa: Zarejestrowani
Postów: 79
Pomógł: 2
Dołączył: 29.04.2009
Skąd: wrocław

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

faktycznie. zapomniałem o tym całkowicie.

Ten post edytował neosatan 21.07.2009, 12:35:17


--------------------
C/C++ (ucze się...), PHP (ucze się...), SMARTY(ucze się...), PYTHON(ucze się...), C#(uczę się...), PERL(uczę się...), JavaScript(uczę się...), JAVA(będą mi kazali się uczyć...)... Ja się głównie uczę...
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 16.07.2025 - 06:06
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn