Forum PHP.pl > [HTML][CSS] Problem z wykorzystaniem a:hover

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] Problem z wykorzystaniem a:hover

JarekPMI

15.01.2014, 19:21:32

Tak więc chciałbym aby po najechaniu na element menu górnego podkreślało tekst i zmieniało kolor ale za licha nie mogę tego osiągnąć załączam kod CSS.

CODE

body {
margin-top:150px;
padding:0;
background:url('images/tlo.png') repeat-x;
color: #000000;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
}

.clear {
clear: both;
}

a:hover{
color:#000000;
text-decoration:line-through;
background-image:none;
background:black;
}

#kontener {
width:900px;
margin:5px auto;
text-align:left;
}

#naglowek {
background: #4470ee;
}

#naglowek h1 {
text-align: center;
margin:0;
padding: 80px 0;
}

#menu_gorne {
padding:0;
margin:0;
height:100px;
}

#ja a{
color:black;
text-decoration:none;
border: 1px solid black;
border-left:0;
padding-top:42px;
padding-bottom:41px;
padding-left:89px;
padding-right:88px;
background-image:url('images/mg.png');
background-repeat: repeat-x;
}

#oferta a{
color:black;
text-decoration:none;
border: 1px solid black;
border-left:0;
padding-top:42px;
padding-bottom:41px;
padding-left:88px;
padding-right:88px;
background-image:url('images/mg.png');
background-repeat: repeat-x;
}

#portfolio a{
color:black;
text-decoration:none;
border: 1px solid black;
border-left:0;
padding-top:42px;
padding-bottom:41px;
padding-left:88px;
padding-right:88px;
background-image:url('images/mg.png');
background-repeat: repeat-x;
}

#kontakt a{
color:black;
text-decoration:none;
border: 1px solid black;
border-right:0;
border-left:0;
padding-top:42px;
padding-bottom:41px;
padding-left:88px;
padding-right:89px;
background-image:url('images/mg.png');
background-repeat: repeat-x;
}

#menu_gorne a{
display:block;
float:left;
}

#menu_lewe{
height:500px;
width: 125px;
padding: ;
float: left;
}

#tresc{
padding:0;
margin:0;
background:red;
width:750px;
float:right;
}

YourFrog

15.01.2014, 19:30:20

Nie wiem jak inni ale mi to bez kodu HTML nic nie mówi ponieważ nie wiem jak wygląda struktura strony. Identyfikatory i klasy mi za wiele nie mówią ale z css'a też biegły to ja nie jestem.

Jeżeli możesz to zepnij to w jedną stronę html tak żeby można było na nią wejść odpalić firebug'a i pozmieniać sobie style wtedy ci na pewno ktoś pomoże.

JarekPMI

15.01.2014, 19:50:29

http://jaroslaw13.cba.pl/str.1/ stronę macie tutaj chodzi mi o górne menu

YourFrog

15.01.2014, 19:55:22

Z tego co się orientuję IE miało kiedyś kłopot z wyłapywaniem pseudoklasy :hover. Także musisz sobie sprawdzić. Jeżeli się okaże że jakieś wersje nadal mają z tym problem to w zdarzeniu mouseenter w JQuery dodaj sobie zwykłą klasę i ją oskryptuj. Ale jak mówię nie mam pojęcia bo 90% czasu w pracy siedzę w backend'zie.

[HTML] pobierz, plaintext 
#menu_gorne a:hover 
{
	color: red;
	text-decoration: underline;
}
[HTML] pobierz, plaintext

JarekPMI

15.01.2014, 20:09:05

Zrobiłem jak radziłeś dzieje się to http://jaroslaw13.cba.pl/str.1/

YourFrog

15.01.2014, 20:13:30

Oj nie zgodze się z tobą ;p Ja nie podawałem ci tych wszystkich reguł. Dałem ci jedynie reguły od zmiany koloru i podkreślenia. O wysokości, marginesach i paddingach, kolorze tła nie wspominałem

Sam powiedz czy to co poniżej (twoje) to te same reguły co ja ci dałem ?

[HTML] pobierz, plaintext 
#menu_gorne a:hover {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  height: 100px;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}
[HTML] 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.