Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]hover na div id
Hosiek
post
Post #1





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Mam takie pytanie, jak określic w css hover na diva na id nie na class ? Mam tak
[HTML] pobierz, plaintext 
  1. <li id="nazwa">tuaj link</li>
[HTML] pobierz, plaintext

Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 16)
shikamaru88
post
Post #2





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

[CSS] pobierz, plaintext 
  1.  #id:hover{
  2.  
  3.   }
[CSS] pobierz, plaintext


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #3





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 13.06.2011, 23:36:28 ) *
[CSS] pobierz, plaintext 
  1.  #id:hover{
  2.  
  3.   }
[CSS] pobierz, plaintext

Kurcze nie wiem czemu mi to nie dziala, proboje zrobic hover to menu joomli, kod daje taki
[HTML] pobierz, plaintext 
  1. #item-435:hover {
  2. 	background-image: url(../images/topa_17.png);
  3. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
shikamaru88
post
Post #4





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

Bodajże pod IE6 i chyba siedem nadanie hovera innemu obiektowi niż a nie działało. Ew w Twoim przypadku jeśli na innych przeglądarkach to też nie działa to sprawdź jeśli masz FF i firebuga czy jakiś inny styl nie nadpisuje tego bądź czy obrazek ma dobrą ścieżkę.


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #5





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 13.06.2011, 23:45:42 ) *
Bodajże pod IE6 i chyba siedem nadanie hovera innemu obiektowi niż a nie działało. Ew w Twoim przypadku jeśli na innych przeglądarkach to też nie działa to sprawdź jeśli masz FF i firebuga czy jakiś inny styl nie nadpisuje tego bądź czy obrazek ma dobrą ścieżkę.

Mam firebug i sprawdzam, ale nie widze błędu, a sciezka jest dobra bo do obrazków w joomli trzeba dac na początku ../ to od razu pobiera ze stylu, probowałem tez inne scieszki smile.gif Moze zobacz onine(local) http://62.178.130.74/fastdeadly/
Go to the top of the page
+Quote Post
shikamaru88
post
Post #6





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

Na tego li nie nałożysz hover bo wszystko przykrywa img który jest w a. Możesz zrobić tak co będzie bardziej eleganckim rozwiązaniem. Zamiast img w a to daj a

[CSS] pobierz, plaintext 
  1. display: inline-block;
  2. background: url('twoj url');
  3. width: COSpx;
  4. height: COSpx;
[CSS] pobierz, plaintext


z tego co widzę każdy a ma taką samą wysokość i szerokość więc piszesz w css coś takiego;

[CSS] pobierz, plaintext 
  1.  
  2. ul.menu a {
  3.   width: 87px;
  4.   height: 51px;
  5. }
  6.  
  7. li#item-435 a {
  8.      background: url('background');
  9. }
  10.  
  11. li#item-435 a:hover {
  12.     background: url('background');
  13. }
  14.  
[CSS] pobierz, plaintext


i tak dla każdego li takie rozwiązanie na szybko. Jeszcze możesz zrobić coś ala sprites czyli w jednej grafice umieścić background i hover, a później tylko dla hovera scrollować odpowiednio background np.

[CSS] pobierz, plaintext 
  1.  li#item-435 a {
  2.      background: url('background');
  3. }
  4.  
  5. li#item-435 a:hover {
  6.     background-position: 0 51px;
  7. }
  8.  
[CSS] pobierz, plaintext


Ten post edytował shikamaru88 13.06.2011, 23:11:23


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #7





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 14.06.2011, 00:06:11 ) *
Na tego li nie nałożysz hover bo wszystko przykrywa img który jest w a. Możesz zrobić tak co będzie bardziej eleganckim rozwiązaniem. Zamiast img w a to daj a

[CSS] pobierz, plaintext 
  1. display: inline-block;
  2. background: url('twoj url');
  3. width: COSpx;
  4. height: COSpx;
[CSS] pobierz, plaintext


z tego co widzę każdy a ma taką samą wysokość i szerokość więc piszesz w css coś takiego;

[CSS] pobierz, plaintext 
  1.  
  2. ul.menu a {
  3.   width: 87px;
  4.   height: 51px;
  5. }
  6.  
[CSS] pobierz, plaintext


obrazki z a nie moge zmienic bo dodałem go przez panel admina joomli, a pozatym to co napisales to chyba nie zmienilo by w kazdej opcji menu obrazka tylko wszedzie to samo, a ja mam do kazdej opcji menu inny orazek oraz zmienia sie kazdy na inny smile.gif
Go to the top of the page
+Quote Post
shikamaru88
post
Post #8





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

Mój błąd zbyt wcześnie wysłałem posta biggrin.gif Pełna odpowiedź powyżej


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #9





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

dodałem jak pisałeś ale dalej nic :/

Ale widze tutaj taką opcje w panelu

moze tutaj cos trzeba zmienic ?

Ten post edytował Hosiek 13.06.2011, 23:22:16
Go to the top of the page
+Quote Post
shikamaru88
post
Post #10





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

Nie zrobiłeś jeszcze jednej rzeczy o czym mówiłem.

[CSS] pobierz, plaintext 
  1. ul.menu a {
  2.   width: 87px;
  3.   height: 51px;
  4.   display:inline-block;
  5. }
[CSS] pobierz, plaintext


i wyrzuć te obrazki z pomiędzy a.

Ten post edytował shikamaru88 13.06.2011, 23:22:06


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #11





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 14.06.2011, 00:21:36 ) *
i wyrzuć te obrazki z pomiędzy a.


co masz na mysli ? smile.gif

Edytowałem wczesniejszy post, moze to cos pomoze ;D
Go to the top of the page
+Quote Post
shikamaru88
post
Post #12





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

[HTML] pobierz, plaintext 
  1. <li class="current active" id="item-435">
  2.       <a href="/fastdeadly/">
  3.                  <img alt="Strona Główna" src="/fastdeadly/images/top_17.png">
  4.       </a>
  5. </li>
[HTML] pobierz, plaintext


Nie korzystam z joomli więc nawet nie wiem co jest w tym panelu, ale chodzi mi o to byś usunął img z pomiędzy znaczników a czyli ma wyglądać to tak:

[HTML] pobierz, plaintext 
  1. <li class="current active" id="item-435">
  2.       <a href="/fastdeadly/"></a>
  3. </li>
[HTML] pobierz, plaintext


W firebugu kliknij prawym na tego img i usuń zobaczysz o co mi chodzi smile.gif

Ten post edytował shikamaru88 13.06.2011, 23:33:11


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #13





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 14.06.2011, 00:32:13 ) *
[HTML] pobierz, plaintext 
  1. <li class="current active" id="item-435">
  2.       <a href="/fastdeadly/">
  3.                  <img alt="Strona Główna" src="/fastdeadly/images/top_17.png">
  4.       </a>
  5. </li>
[HTML] pobierz, plaintext


Nie korzystam z joomli więc nawet nie wiem co jest w tym panelu, ale chodzi mi o to byś usunął img z pomiędzy znaczników a czyli ma wyglądać to tak:

[HTML] pobierz, plaintext 
  1. <li class="current active" id="item-435">
  2.       <a href="/fastdeadly/"></a>
  3. </li>
[HTML] pobierz, plaintext


W firebugu kliknij prawym na tego img i usuń zobaczysz o co mi chodzi smile.gif


Noo juzwiem, ale w css tego nie usune tylko musze w panelu, ale sproboje smile.gif

Usunąłem tylko w tym pierwszym i dziala, ale skoro usunąłem obrazkowo to pojawił sie tekst i jak go teraz usunac ?

Ten post edytował Hosiek 13.06.2011, 23:38:49
Go to the top of the page
+Quote Post
shikamaru88
post
Post #14





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

Nie masz opcji która umożliwia ukrycie nazwy elementu menu? Bo inaczej zostaje tylko edycja w kodzie strony.


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #15





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 14.06.2011, 00:48:45 ) *
Nie masz opcji która umożliwia ukrycie nazwy elementu menu? Bo inaczej zostaje tylko edycja w kodzie strony.

Jest taka opcja, ale dziala tylko jak jest dodany obraz jako menu, tak jak bylo to przedtem sad.gif
Go to the top of the page
+Quote Post
shikamaru88
post
Post #16





Grupa: Zarejestrowani
Postów: 24
Pomógł: 8
Dołączył: 12.06.2011
Skąd: Częstochowa

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

Spróbuj nie podawać nazwy dla elementu w menu. A tak btw czytaj prywatne wiadomości bo chyba nie ma sensu spamować forum.


--------------------
Null jest pusty lub nie jest obiektem - IE 6
Go to the top of the page
+Quote Post
Hosiek
post
Post #17





Grupa: Zarejestrowani
Postów: 181
Pomógł: 0
Dołączył: 25.11.2010

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

Cytat(shikamaru88 @ 14.06.2011, 01:05:34 ) *
Spróbuj nie podawać nazwy dla elementu w menu. A tak btw czytaj prywatne wiadomości bo chyba nie ma sensu spamować forum.



Pomogles mi, bardzo ci dziekuje biggrin.gif

Ten post edytował Hosiek 14.06.2011, 00:26:40
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

RSS Aktualny czas: 20.08.2025 - 22:47
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn