Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Jednoczesny hover "li" oraz "p"
kkuubbaa88
post
Post #1





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

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


mam na stronie menu w takiej formie

  1. <ul class="ul_1">
  2. <li class="li_1"><p>link</p></li>
  3. </ul>


i w jaki sposob ustawic jednoczeny hover dla li oraz p ? w li mam zmiane tla, a w p zmiane koloru... tylko jak to zrobic, aby po najechaniu na li zmienil sie p ? a nie dopiero po najechaniu bezposrednio na p ?
Go to the top of the page
+Quote Post
Spawnm
post
Post #2





Grupa: Moderatorzy
Postów: 4 069
Pomógł: 497
Dołączył: 11.05.2007
Skąd: Warszawa




to będzie coś w stylu
  1. li:hover > p {
  2. //cos
  3. }

a nie lepiej dać aby kolor zmieniał się w li zamiast w p?
Go to the top of the page
+Quote Post
Wicepsik
post
Post #3





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

Ostrzeżenie: (20%)
X----


  1. .li_1 p{
  2. color: red;
  3. background-color:yellow;
  4. }
  5. .li_1 p:hover {
  6. color: green;
  7. background-color:white;
  8. }
Go to the top of the page
+Quote Post
seth-kk
post
Post #4





Grupa: Zarejestrowani
Postów: 444
Pomógł: 79
Dołączył: 26.05.2009

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


lub prosciej
  1. li:hover p { style... }

ale IE ma problem z reagowaniem na innych tagach niz <a>
Go to the top of the page
+Quote Post
piotrooo89
post
Post #5


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




~Wicepsik i IE zrobi nam małe kuku w Twoim kodzie. najlepiej <p> na <a> zamienić.
Go to the top of the page
+Quote Post
wr24
post
Post #6





Grupa: Zarejestrowani
Postów: 10
Pomógł: 3
Dołączył: 29.06.2009

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


sciagnij sobie z www.jquery.com biblioteke jquery z dzialu download
podlinkuj ja:
<script type="text/javascript" src="jquery.js"></script>

i na stronie wstaw
  1. <script type="text/javascript">
  2.  
  3.  
  4. $(document).ready(function(){
  5. $('li').hover(function(){
  6. $(this).css('background','red');
  7. $(this).children().css('color','yellow');
  8.  
  9. },function(){
  10. $(this).css('background','');
  11. $(this).children().css('color','');
  12.  
  13. });
  14. });
  15.  


$(this) - odwoluje sie do li nad ktorym jestes
a $(this).children() do p ktoro zaweira sie w tym li czyli jest jego dzieckiem

ciesze sie ze moglem pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
erix
post
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Nie no, strzelać do muchy z armaty to Ty potrafisz...

Po co do wyglądu zaprzęgać JS? A może on tylko tego potrzebuje, a nie całego frameworka? Nie mieszaj mu, niech się CSS nauczy.
Go to the top of the page
+Quote Post
wr24
post
Post #8





Grupa: Zarejestrowani
Postów: 10
Pomógł: 3
Dołączył: 29.06.2009

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


jesli ma byc crossbrowser to js jest nieozdowny, ie6 i 7 nie przyjmuja hoover na niczym poza a
chyba ze sie myle ?
Go to the top of the page
+Quote Post
krzysiekk
post
Post #9





Grupa: Zarejestrowani
Postów: 155
Pomógł: 17
Dołączył: 13.03.2006
Skąd: Jaworze

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


witam kupilem ksiazke css i na plycie jest biblioteka ktora przystosowuje css ze wyglada tak samo wIE i Firefox
jak ktos chce to udostepnie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 23:33