[CSS]hover na div id Opcje

[Hosiek]

Mam takie pytanie, jak określic w css hover na diva na id nie na class ? Mam tak

[HTML] pobierz, plaintext 
<li id="nazwa">tuaj link</li>
[HTML] pobierz, plaintext 

[shikamaru88]

[CSS] pobierz, plaintext 
 #id:hover{
 
  }
[CSS] pobierz, plaintext 

[Hosiek]

[CSS] pobierz, plaintext 
 #id:hover{
 
  }
[CSS] pobierz, plaintext 

Kurcze nie wiem czemu mi to nie dziala, proboje zrobic hover to menu joomli, kod daje taki

[HTML] pobierz, plaintext 
#item-435:hover {
	background-image: url(../images/topa_17.png);
}
[HTML] pobierz, plaintext 

[shikamaru88]

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]

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 (IMG:style_emoticons/default/smile.gif) Moze zobacz onine(local) http://62.178.130.74/fastdeadly/

[shikamaru88]

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 
display: inline-block;
background: url('twoj url');
width: COSpx;
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 
 
ul.menu a {
  width: 87px;
  height: 51px;
}
 
li#item-435 a {
     background: url('background');
}
 
li#item-435 a:hover {
    background: url('background');
}
 
[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 
 li#item-435 a {
     background: url('background');
}
 
li#item-435 a:hover {
    background-position: 0 51px;
}
 
[CSS] pobierz, plaintext 

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

[Hosiek]

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 
display: inline-block;
background: url('twoj url');
width: COSpx;
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 
 
ul.menu a {
  width: 87px;
  height: 51px;
}
 
[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 (IMG:style_emoticons/default/smile.gif)

[shikamaru88]

Mój błąd zbyt wcześnie wysłałem posta (IMG:style_emoticons/default/biggrin.gif) Pełna odpowiedź powyżej

[Hosiek]

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

Ale widze tutaj taką opcje w panelu
(IMG:http://iv.pl/images/79807039879171044715.png)
moze tutaj cos trzeba zmienic ?

Ten post edytował Hosiek 13.06.2011, 23:22:16

[shikamaru88]

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

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

i wyrzuć te obrazki z pomiędzy a.

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

[Hosiek]

i wyrzuć te obrazki z pomiędzy a.

co masz na mysli ? (IMG:style_emoticons/default/smile.gif)

Edytowałem wczesniejszy post, moze to cos pomoze ;D

[shikamaru88]

[HTML] pobierz, plaintext 
<li class="current active" id="item-435">
      <a href="/fastdeadly/">
                 <img alt="Strona Główna" src="/fastdeadly/images/top_17.png">
      </a>
</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 
<li class="current active" id="item-435">
      <a href="/fastdeadly/"></a>
</li>
[HTML] pobierz, plaintext 

W firebugu kliknij prawym na tego img i usuń zobaczysz o co mi chodzi (IMG:style_emoticons/default/smile.gif)

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

[Hosiek]

[HTML] pobierz, plaintext 
<li class="current active" id="item-435">
      <a href="/fastdeadly/">
                 <img alt="Strona Główna" src="/fastdeadly/images/top_17.png">
      </a>
</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 
<li class="current active" id="item-435">
      <a href="/fastdeadly/"></a>
</li>
[HTML] pobierz, plaintext 

W firebugu kliknij prawym na tego img i usuń zobaczysz o co mi chodzi (IMG:style_emoticons/default/smile.gif)

Noo juzwiem, ale w css tego nie usune tylko musze w panelu, ale sproboje (IMG:style_emoticons/default/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

[shikamaru88]

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

[Hosiek]

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 (IMG:style_emoticons/default/sad.gif)

[shikamaru88]

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

[Hosiek]

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 (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował Hosiek 14.06.2011, 00:26:40