Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji
 
Szukanie zaawansowane



Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Autor Wątek: [Css] hover  (Przeczytany 11897 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
noldi
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 45
Galeria Użytkownika



Zobacz profil
« : 30.07.2007, 19:22:56 »
Mam problem. Nie wiem czy to dobry dział, z góry przepraszam jeśli nie. Problem jest nastęujący:

Kod:
.news    {background-image: url('grafika/tlo_2.gif');
           
            width: 540px;
            height: auto;
            min-height: 70px;            
            margin-right: 5px;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-left: 5px

            }
.news:hover {background-image: url('grafika/tlo_3.gif');}


.news to div

kod miał za zadanie po najechaniu zmienić tło diva czyli pola z newsem, ale nie działa, a ja nie moge znaleźć błędu. Pomocy  8)
Zapisane
noss
Użytkownik

Reputacja: 41 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 1 384
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #1 : 30.07.2007, 20:34:22 »
Z tego co pamiętam, to "hover" odnosi się do odnośników czyli znacznika "a", a nie "div".
Zapisane
noldi
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 45
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 30.07.2007, 20:41:33 »
Szukałem w Internecie i znalazłem przykłady jakoby hover odnosił się również do div.  <aniolek>
Zapisane
Kapitan_hak1995
Gość
« Odpowiedz #3 : 30.07.2007, 20:55:57 »
Testujesz w internet explorerze czy w przeglądarce? Czy grafiki są na swoim miejscu? Czy ten div ma ustawioną KLASE(<div class="news">) news? Pokaż ten kod gdzie ten div jest.
Zapisane
marrek13
Użytkownik

Reputacja: 8 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: marrek13@jabber.hostingcenter.pl
Licencja: CC-NC-BY-SA
Wiadomości: 55
Galeria Użytkownika


Pogromca uciśnionych


Zobacz profil
« Odpowiedz #4 : 30.07.2007, 21:01:56 »
Pseudoklasa hover, na IE, działa poprawnie tylko przy wykorzystaniu znacznika A, stąd nierzadko trzeba stosować tzw. hacki. Napisz, na czym testujesz, i daj kawałek kodu html, w którym wykorzystujesz tą klasę.
Zapisane
noldi
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 45
Galeria Użytkownika



Zobacz profil
« Odpowiedz #5 : 30.07.2007, 21:04:23 »
Więc tak: testowałem w firefoxie, operze i internet explorerze, grafiki są na swoim miejscu, bo są wyświetlane ...znaczy ta która ma być na stałe.. kiedy najadę na diva nic się nie dzieje (pod żadną z tych przeglądarek), div ma ustawioną klasę xD

Kod:
<html>
<body>
    <center>
     <div class="table">

              <div class="wiersz1">&nbsp;</div>
  
              <div class="wiersz2">



                      <div class="tresc">


                        <div class="news">news1</div>
                        <div class="news">news2</div>
                        <div class="news">news3</div>

                      </div>

                      <div class="menu"></div>
                
                                                     
              </div>
              <div class="wiersz3"><br>Copyright 2007 by noldi.<br></div>
     
   
    </div>

 </center>
</body>
</html>
Zapisane
noss
Użytkownik

Reputacja: 41 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 1 384
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #6 : 30.07.2007, 21:14:07 »
A ten styl to gdzie jest podpięty?
Zapisane
marecki_
Użytkownik

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: lethal2@jabster.pl
Licencja: Copyright
Wiadomości: 180
Galeria Użytkownika

marecki_


Zobacz profil
« Odpowiedz #7 : 30.07.2007, 21:45:14 »
Powinieneś użyć efektu rollover. Ma wiele zalet (drugi obrazek nie musi się doładowywać, bo jest ładowany od razu; jest kompatybilny z tymi trzema podstawowymi przeglądarkami) http://grabun.com/teksty/przyklady/css-rollover/
Zapisane
noldi
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 45
Galeria Użytkownika



Zobacz profil
« Odpowiedz #8 : 30.07.2007, 21:45:45 »
Znaczy styl jest podpięty.. ale trochę skróciłem kod.. więc wygląda jak by nie był  Język
Zapisane
dejw
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: dejw@jabber.org
Licencja: Copyright
Wiadomości: 44
Galeria Użytkownika

dejw


Zobacz profil
« Odpowiedz #9 : 31.07.2007, 08:17:14 »
a czy koniecznie musisz uzywac znacznika <div>?

ja zrobil bym to tak:
Kod:
<a href="adres"><img src="normalne_zdjecie.jpg" alt="Tekst alternatywny" title="Tekst alternatywny dla firefoxa" border="0"
onmouseover="this.src = 'podswietlone_zdjecie.jpg'" onmouseout="this.src = 'normalne_zdjecie.jpg'"/></a>

i wszystko gra ale
Cytat: lethal2 on 30.07.2007, 21:45:14
Powinieneś użyć efektu rollover. Ma wiele zalet (drugi obrazek nie musi się doładowywać, bo jest ładowany od razu; jest kompatybilny z tymi trzema podstawowymi przeglądarkami) http://grabun.com/teksty/przyklady/css-rollover/

problem wlasnie tkwi w doladowaniu, wiec jesli nie chcesz zeby obrazy ladowaly sie dopiero po ich "uaktywnieniu", ale od razu przystarcie strony, wystarczy dodac kilka linijek w znaczniku <head>
Kod:
<script type="text/javascript">
// <![CDATA[
new Image().src = 'obrazek_podswietlony.gif';
new Image().src = 'obrazek_klikniety.gif';
// ]]>
</script>

wystarczy dopisac sciezki do zdjec, kazda w osobnej linijce.
pamietaj tez ze sa ladowane na wyrost wiec jesli ktos ich nie uzyje po prostu pamiec zostanie "zmarnowana"
Zapisane
noldi
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 45
Galeria Użytkownika



Zobacz profil
« Odpowiedz #10 : 31.07.2007, 21:49:27 »
dave, przepraszam ale widzę że nie masz o tym pojęcia...  laugh ja nie chcę utworzyć żadnego odnośnika tylko chcę aby tło zmieniało swój kolor po najechaniu... w zasadzie to kolor i fakture.. znaczy się deseń... Język
Zapisane
dejw
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
JID: dejw@jabber.org
Licencja: Copyright
Wiadomości: 44
Galeria Użytkownika

dejw


Zobacz profil
« Odpowiedz #11 : 31.07.2007, 22:15:38 »
Cytat: noldi on 31.07.2007, 21:49:27
dave, przepraszam ale widzę że nie masz o tym pojęcia...  laugh ja nie chcę utworzyć żadnego odnośnika tylko chcę aby tło zmieniało swój kolor po najechaniu... w zasadzie to kolor i fakture.. znaczy się deseń... Język
nie przepraszaj, bo skoro tak mowisz to, ja przepraszam ( Mrugnięcie ) ale chyba Ty nie masz pojecia  Chichot skoro chcesz zrobic tylko zmieniajacy sie kolor to wywal kotwice!! znaczniki onmouseover itp dzialaja do wszystkiego div'ow, tablelek itp. wiec nie gadaj glopot Uśmiech tylko sprobuj Mrugnięcie zamiast
Kod:
this.src = 'normalne_zdjecie.jpg'
nalezy wstawic odpowiedni znacznik css odpowiadajacy za np. kolor tla i to wszystko.
Zapisane
noss
Użytkownik

Reputacja: 41 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 1 384
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #12 : 31.07.2007, 23:21:56 »
Powtórzę się, ale ciągle wydaje mi się, że zdarzenie "hover" działa wyłącznie ze znacznikiem "a".
Onmouseover powinno działać jak najbardziej.
Zapisane
noldi
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Wiadomości: 45
Galeria Użytkownika



Zobacz profil
« Odpowiedz #13 : 31.07.2007, 23:33:44 »
Tak tak ... wiem że tak zadziała ale nie chcę przy każdym divie dodawać tych stylów (w pliku index.htm)... więc pytam czy da się to do pliku ze stylami wywalić...(wywalić do pliku style.css)... Duży uśmiech
Zapisane
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: [Css] hover
Skocz do: