Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]obrazek w hover
GoOx
post
Post #1





Grupa: Zarejestrowani
Postów: 329
Pomógł: 6
Dołączył: 23.11.2011
Skąd: Łódź

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

Witam mam oto taki kod.

index.php
[PHP] pobierz, plaintext 
  1.     <!DOCTYPE html PUBLIC>
  2.     <html>
  3.     <head>
  4.     <meta http-equiv=Content-type content=text/html; charset=windows-1250>
  5.     <meta name=Description content= [wstaw tu opis strony] >
  6.     <meta name=Keywords content= [wstaw tu slowa kluczowe] >
  7.  
  8.     <title>Portofilo GoOx</title>
  9.     <link rel=stylesheet href=styl.css type=text/css>
  10.     </head>
  11.  
  12.     <div class="menu">
  13. <ul>
  14. <li><a href="index.php">Strona Główna</a></li>
  15.  
  16.  
  17. <li><a href="index.php?omnie" name="omnie">O mnie</a></li>
  18.  
  19.  
  20. <li><a href="index.php?kontakt" name="kontakt">Kontakt</a></li>
  21. </ul>
  22. </div>
  23.  
  24. <?
  25. $omnie = $_GET['omnie'];
  26. $kontakt = $_GET['kontakt'];
  27.  
  28. if (isset($omnie)) {
  29. echo 'O mnie';
  30. }
  31. else if (isset($kontakt)) {
  32. echo 'Kontakt';
  33. }
  34. else {
  35. echo 'Jajco';
  36. }
  37.  
[PHP] pobierz, plaintext

styl.css
[PHP] pobierz, plaintext 
  1. .menu {
  2. margin-top:50px;
  3. Margin-left:50px;
  4. }
  5.  
  6. .menu:link {
  7. padding-right:5px;
  8. padding-bottom:5px;
  9. padding-left:5px
  10. padding-top:5px;
  11. color: #ffffff;
  12. text-decoration: none;
  13. }
  14.  
  15. .menu:hover {
  16. padding-right:5px;
  17. padding-bottom:5px;
  18. padding-left:5px
  19. padding-top:5px;
  20. color: #ffffff;
  21. background:url('nap.jpg') no-repeat;
  22. text-decoration: none;
  23. }
[PHP] pobierz, plaintext


i nie wiem dlaczego system bierze te linki jako całość i wsadza obrazek taki jak jest

może pokażę demo
http://e-computer.xaa.pl/strony/index.php

Proszę o pomoc.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
Volume
post
Post #2





Grupa: Zarejestrowani
Postów: 283
Pomógł: 11
Dołączył: 11.10.2004
Skąd: 3c

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

Bo masz zdefiniowana klase menu dla diva - rodzica ul.

Prosty przyklad przypuszczam tego co chcesz osiagnac (bo w zasadzie nie napisales jaki chcesz miec efekt koncowy):

CSS:
[HTML] pobierz, plaintext 
  1. ul#menu li:hover {
  2. background: url(./ovrazek.jpg) no-repeat yellow;
  3. }
[HTML] pobierz, plaintext


html:
[HTML] pobierz, plaintext 
  1. <ul id="menu">
  2. <li><a href="#">asdsa</a></li>
  3. <li><a href="#">asd</a></li>
  4. </ul>
[HTML] pobierz, plaintext


Ten post edytował Volume 27.12.2011, 08:37:12
Go to the top of the page
+Quote Post
GoOx
post
Post #3





Grupa: Zarejestrowani
Postów: 329
Pomógł: 6
Dołączył: 23.11.2011
Skąd: Łódź

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

to nic nie zmienia.

chcę by nie było widać całego obrazka tylko by w części wchodził pod link

i dlaczego linki nadal są fioletowe a mają być białe?

Ten post edytował GoOx 27.12.2011, 09:57:40
Go to the top of the page
+Quote Post
Damonsson
post
Post #4





Grupa: Zarejestrowani
Postów: 2 355
Pomógł: 533
Dołączył: 15.01.2010
Skąd: Bydgoszcz

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

wpis: .menu:hover
zamieniasz na: .menu ul li:hover

a:link a:visited a:blabla ...jeszcze ze 3 są takie wpisy, nie pamiętam nazw, dla wszystkich resetujesz wygląd najlepiej w pliku reset.css

@Volume: podał Ci dobre rozwiązanie, więc nie rozumiem z czym jeszcze masz problem, napisałem więc, co masz zrobić dosłownie, może pomoże.
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 11:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn