 [HTML] [CSS] - Menu problem hover, Menu hover problem |
  |
| [HTML] [CSS] - Menu problem hover, Menu hover problem |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 445 Pomógł: 3 Dołączył: 4.06.2010 Ostrzeżenie: (0%) 
 |
Witam chce zrobić sobie stronkę odnośnie mojego hobby i problem mam taki że nie działa mi hover i cufon czcionki mi nie czyta a gdy najeżdżam myszką na daną podstronę nie zmienia się kolor hoveru na biały :< , nie wiem co robie źle , nie siedziałem w stronach ponad 5 lat dużo rzeczy po zapomniałem i nie potrafię sobie z tym poradzić .
html Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Reply-to" content="mail" /> <meta http-equiv="Content-Language" content="pl" /> <meta name="Keywords" content="slowa kluczowe" /> <meta name="Description" content="opis" /> <meta name="Author" content="autor" /> <meta name="Robots" content="ALL" /> <title>Fishing</title> <link href="css/main.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/Lato_400-Lato_700.font.js"></script> <script type="text/javascript"> Cufon.replace('#menu', { fontFamily: 'Lato' }); Cufon.replace('.m-white', { fontFamily: 'Lato' }); </script> </head> <body> <div id="wraper"> <div class="main"> <div id="header"> <img src="images/header.png" alt="header" /> </div> <div id="menu-all"> <div id="menu"> <ul> <li><a href=""><b>Kołowrotki</b> <p class="m-white">Reels</p></a></li> <li><a href=""><b>Ubrania wędkarskie</b> <p class="m-white">Fishing wears</p></a></li> <li><a href=""><b>Haczyki</b> <p class="m-white">Hooks</p></a></li> <li><a href=""><b>Kołowrotki</b> <p class="m-white">Reels</p></a></li> <li><a href=""><b>Ubrania wędkarskie</b> <p class="m-white">Fishing wears</p></a></li> </ul> </div> <div id="menu-bg"></div> </div> </div> </div> </body> </html> CSS Kod body {
margin: 0 auto; background-color: #111111; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } img { border: 0; text-decoration: none; } hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .main { margin: left; width: 1330px; overflow: hidden; } a , a:hover , a:focus , a:visited{ border: 0; text-decoration: none; color: #000000; } /* Koniec ogolne */ /* Szkielet */ #wraper { background-image: url(../images/wraper.png); width: 100%; height: 929px; } #header { float: left; width: 1330px; } #header img{ margin: auto; display: block; } #menu-all { float: left; width: 1330px; margin-top: 25px; } #menu { float: left; height: 69px; background-color: #111111; } #menu ul{ display: block; list-style: none; margin: 0; padding: 0; margin-top: -10px; } #menu li { display: inline-block; } #menu-bg { width: 34px; height: 69px; float: left; background: url("../images/menubg.png") repeat-x; } .m-white { color: #ffffff; font-size: 15px; margin: -1px 0px 0px 0px; } #menu li a { height: 69px; float:left; text-decoration: none; margin: 25px 25px 10px 25px; color: #e34b00; font-size: 18px; } #menu li:hover { background-color: #2c2c2c; border-radius: 25px; color: #FFFFFF; } |
 |
 
|
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 4 291 Pomógł: 829 Dołączył: 14.02.2009 Skąd: łódź Ostrzeżenie: (0%)
|
#menu ul li a:hover
|
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 445 Pomógł: 3 Dołączył: 4.06.2010 Ostrzeżenie: (0%)
|
Dzięki pomogło (IMG:style_emoticons/default/smile.gif) a z cufonem wszystko oki według ciebie ? bo mam wrazenie ze nie czyta czcionki
Ten post edytował mrk9109 25.07.2014, 15:37:49 |
|
|
|
|
|
Aktualny czas: 28.08.2025 - 02:26 |
