Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]hover na div id
Forum PHP.pl > Forum > Przedszkole
Hosiek
13.06.2011, 22:23:42
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

shikamaru88
13.06.2011, 22:36:28 
[CSS] pobierz, plaintext 
  1.  #id:hover{
  2.  
  3.   }
[CSS] pobierz, plaintext
Hosiek
13.06.2011, 22:39:44
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
shikamaru88
13.06.2011, 22: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ę.
Hosiek
13.06.2011, 22:47:25
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/
shikamaru88
13.06.2011, 23: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.  
  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
Hosiek
13.06.2011, 23:11:00
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
shikamaru88
13.06.2011, 23:12:32
Mój błąd zbyt wcześnie wysłałem posta biggrin.gif Pełna odpowiedź powyżej
Hosiek
13.06.2011, 23:17:06
dodałem jak pisałeś ale dalej nic :/

Ale widze tutaj taką opcje w panelu

moze tutaj cos trzeba zmienic ?
shikamaru88
13.06.2011, 23:21:36
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.
Hosiek
13.06.2011, 23:24:31
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
shikamaru88
13.06.2011, 23: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
Hosiek
13.06.2011, 23:34:33
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 ?
shikamaru88
13.06.2011, 23:48:45
Nie masz opcji która umożliwia ukrycie nazwy elementu menu? Bo inaczej zostaje tylko edycja w kodzie strony.
Hosiek
13.06.2011, 23:51:44
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
shikamaru88
14.06.2011, 00: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.
Hosiek
14.06.2011, 00:19:37
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
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.