Forum PHP.pl > [CSS][HTML]a:hover problemy!

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]a:hover problemy!

JarekPMI

12.03.2014, 18:44:41

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 
<html>
<head>
<title>OSP Międzychód. Ochtonicza Straż Pożarna Międzychód. Nasza jednostka</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
<meta http-equiv="content-language" content="pl">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div ID="kontener">
<div ID="logo">
<img src="images/zosp.png">
</div>
<div ID="naglowek">
<marquee scrollamount="4">Serdecznie witamy na stronie naszej jednostki Ochotniczej Straży Pożarnej w Międzychodzie.</marquee>
</div>
<div ID="kontener-two">
<div ID="menu">
<p>Menu</p>
<ul>
<a href="index.html"><li>Nasza jednostka</li></a>
<a href="akcje.html"><li>Nasze akcje</li></a>
<a href="sprzet.html"><li>Sprzęt</li></a>
<a href="aktualnosci.html"><li>Aktualności</li></a>
<a href="sekcje.html"><li>Sekcje</li></a>
<a href="kontakt.html"><li>Kontakt</li></a>
</ul><br><br><br><br><br><br><br><br><br>
</div>
<div ID="tresc">
<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>
</div>
</div>
<div ID="stopka">
Stopka
</div>
</div>
</body>
</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;
}

kujol

12.03.2014, 18:58:10

daj tak:

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

lub

[HTML] pobierz, plaintext 
#menu li:hover{
background-color:red;
}
 
[HTML] pobierz, plaintext

JarekPMI

12.03.2014, 20:39:48

dzięki ci bardzo

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

Turson

12.03.2014, 20:49:28

Damonsson

12.03.2014, 20:54:11

@UP: W3C validator ERROR ERROR ERROR.

style.css:45

[CSS] pobierz, plaintext 
#menu a {
text-decoration: none;
display: block;
}
[CSS] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.