Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML]a:hover problemy!
JarekPMI
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 14.01.2014

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

tak jak w temacie nie działa mi a:hover w CSS chciałbym podmienić przyciski w menu po prawej str: http://voguestar.cba.pl/osp

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>OSP Międzychód. Ochtonicza Straż Pożarna Międzychód. Nasza jednostka</title>
  4. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
  5. <meta http-equiv="content-language" content="pl">
  6. <link href="style.css" rel="stylesheet" type="text/css">
  7. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  8. </head>
  9. <body>
  10. <div ID="kontener">
  11. <div ID="logo">
  12. <img src="images/zosp.png">
  13. </div>
  14. <div ID="naglowek">
  15. <marquee scrollamount="4">Serdecznie witamy na stronie naszej jednostki Ochotniczej Straży Pożarnej w Międzychodzie.</marquee>
  16. </div>
  17. <div ID="kontener-two">
  18. <div ID="menu">
  19. <p>Menu</p>
  20. <ul>
  21. <a href="index.html"><li>Nasza jednostka</li></a>
  22. <a href="akcje.html"><li>Nasze akcje</li></a>
  23. <a href="sprzet.html"><li>Sprzęt</li></a>
  24. <a href="aktualnosci.html"><li>Aktualności</li></a>
  25. <a href="sekcje.html"><li>Sekcje</li></a>
  26. <a href="kontakt.html"><li>Kontakt</li></a>
  27. </ul><br><br><br><br><br><br><br><br><br>
  28. </div>
  29. <div ID="tresc">
  30. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus leo non est. Etiam sit amet lectus quis est congue mollis. Phasellus congue lacus eget neque. Phasellus ornare, ante vitae consectetuer consequat, purus sapien ultricies dolor, et mollis pede metus eget nisi. Praesent sodales velit quis augue. Cras suscipit, urna at aliquam rhoncus, urna quam viverra nisi, in interdum massa nibh nec erat.</p>
  31. </div>
  32. </div>
  33. <div ID="stopka">
  34. Stopka
  35. </div>
  36. </div>
  37. </body>
  38. </html>
[HTML] pobierz, plaintext


CODE
body{
margin:0;
padding:0;
text-align:center;
background-image:url('images/tlo.png');

}
#kontener{
padding:25 0 25 0;
margin:auto;
width:1200px;
}
#kontener-two{
padding:0 5px 0 5px;
height:500px;
background-image:url('images/black_denim.png');
}
#logo{
height:200px;
background-image:url('images/black_denim.png');
}
#naglowek{
background-image:url('images/grey_wash_wall.png');
font-size:25px;
}
#menu{
margin:8px 0 0 0;
float:left;
width:20%;
background-color:darksilver;
display:block;
height:484;
}
#menu a:hover{
background-color:red;
}
#menu a{
text-decoration:none;
}
#menu ul {
list-style:none;
padding: 0 7px 0 7px;
}
#menu p{
font-size:40px;
color:red;
}
#menu li{
margin:10px;
text-align:left;
border:solid 1px;
font-size:25px;
background-color:silver;
}
#tresc{
float:right;
height:484;
width:79%;
background-color:grey;
margin:8px 5px 0 5px;
}
#tresc p{
text-align:left;
margin:10px;
text-align:justify;
}

#stopka{
background-color:gray;
}
Go to the top of the page
+Quote Post
kujol
post
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 27
Dołączył: 21.07.2013

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

daj tak:

[HTML] pobierz, plaintext 
  1. <li><a href="index.html">Nasza jednostka</a></li>
[HTML] pobierz, plaintext


lub

[HTML] pobierz, plaintext 
  1. #menu li:hover{
  2. background-color:red;
  3. }
  4.  
[HTML] pobierz, plaintext


Ten post edytował kujol 12.03.2014, 18:59:15
Go to the top of the page
+Quote Post
JarekPMI
post
Post #3





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 14.01.2014

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

dzięki ci bardzo (IMG:style_emoticons/default/smile.gif)

a jednak pojawia mi się problem jak chcę aby przeniosło mnie na inną podstronę muszę klikną prosto na tekst niestety kliknięcie na sam botton nie działa

Ten post edytował JarekPMI 12.03.2014, 20:41:02
Go to the top of the page
+Quote Post
Turson
post
Post #4





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

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

<a href=""><li>Coś tam</li></a>
Go to the top of the page
+Quote Post
Damonsson
post
Post #5





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

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

@UP: W3C validator ERROR ERROR ERROR. (IMG:style_emoticons/default/wink.gif)


style.css:45
[CSS] pobierz, plaintext 
  1. #menu a {
  2. text-decoration: none;
  3. display: block;
  4. }
[CSS] pobierz, plaintext


Ten post edytował Damonsson 12.03.2014, 20:59:44
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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