Forum elektroda.pl

Regulamin | Punkty | Dodaj... | Ostatnie | Szukaj | Rejestracja | Zaloguj

Ta strona używa cookie. Dowiedz się więcej o celu ich używania i zmianie ustawień cookie w przeglądarce.
Korzystając ze strony wyrażasz zgodę na używanie cookie, zgodnie z aktualnymi ustawieniami przeglądarki.

Wyświetlanie DIV-a z wykorzystaniem LI:hover


Napisz nowy temat  Temat zablokowany      Strona Główna -> Forum elektroda.pl -> Multimedia i Grafika -> Tworzenie WWW -> Wyświetlanie DIV-a z wykorzystaniem LI:hover
Autor
Wiadomość
poswiatex1
Poziom 10
Poziom 10


Dołączył: 27 Mar 2009
Posty: 57
Miasto: Warszawa

Post#1 Post autora tematu 21 Maj 2012 13:07   

Wyświetlanie DIV-a z wykorzystaniem LI:hover


Witam serdecznie,

Mam problem z wyświetleniem dodatkowego bloku <div></div> po najechaniu na element <li></li>

W Firefoxie działa wszystko prawidłowo (po najechaniu myszą na tekst zawarty w <li></li>, wyświetla się oddalony od lewej krawędzi o 300 pikseli div z zawartością), a w IE8 niestety nic się nie dzieje.

Czy ktoś mógłby mi poradzić w jaki sposób dany styl tak zrobić aby działał pod IE ?

Styl:
Kod CSS - [rozwiń]
 
div.nav div#test{
display:none;
}
 
div.nav li:hover div#test{
display:block;
position:absolute;
left:300px;
margin-top:-20px;
background-color:blue;
}
 


Strona:
Kod HTML - [rozwiń]
 
<div class="nav">
<ul>
<li><font size="3">Rozwiń</font><div id="test">aaaaaa<br/>asdasD<br />saljdkas</div></li>
</ul>
</div>
 

Powrót do góry
   
Google


Google Adsense


Post# 21 Maj 2012 13:07   





Powrót do góry
   
jan1996
Poziom 17
Poziom 17


Dołączył: 20 Wrz 2009
Posty: 358
Miasto: Bydgoszcz

Post#2 21 Maj 2012 18:34   

Re: Wyświetlanie DIV-a z wykorzystaniem LI:hover


Zalecam użycie JS Internet Explorer jest strasznie wybredny w szczególności w starszych wersjach:D
Powrót do góry
   
Google


Google Adsense


Post# 21 Maj 2012 18:34   





Powrót do góry
   
poswiatex1
Poziom 10
Poziom 10


Dołączył: 27 Mar 2009
Posty: 57
Miasto: Warszawa

Post#3 Post autora tematu 21 Maj 2012 18:53   

Re: Wyświetlanie DIV-a z wykorzystaniem LI:hover


Właściwie to chciałbym się obyć bez javascript.

Chyba że faktycznie nie ma innego rozwiązania, wtedy tak też postąpię :)

Póki co mam teraz chwilkę i sam popróbuję.
Jak mi się uda to napiszę, jak nie to liczę również na inne podpowiedzi :)

EDIT:

Rozwiązanie:

Aby powyższy kod prawidłowo działał w Internet Explorer należy "poinformować" tą przeglądarkę z którego DTD korzystamy:
Kod HTML - [rozwiń]
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


Dzięki temu, u mnie wszystko działa :)

Pozdrawiam
Powrót do góry
   
Napisz nowy temat  Temat zablokowany      Strona Główna -> Forum elektroda.pl -> Multimedia i Grafika -> Tworzenie WWW -> Wyświetlanie DIV-a z wykorzystaniem LI:hover
Strona 1 z 1
Podobne tematy
nietypowy hover- zmiana obrazka i tekstu, po najechaniu na obrazek (3)
CSS - wykorzytanie hover, panel wyboru. (4)
DIV VGA - DIV VGA schemat (2)


Administrator || Moderatorzy || Regulamin forum || Regulamin ogólny || Informacja o cookies || Reklama || Kontakt

Page generation time: 0.085 seconds

elektroda.pl temat RSS