farelek
06-05-2010, 14:25
Witam. Jestem całkowitym nowicjuszem więc proszę o wyrozumiałość.
Chcę zmienić wygląd menu w CSS. Potrzebny efekt uzyskuje wpisując:
a:link {
color: #696969;
background-color: white;}
a:visited {
color: #696969;
background-color: white;}
a:hover {
color: white;
background-color: #696969;}
a:active {
color: white;
background-color: #696969;}Niestety efekt "podświetlenia" pojawia się dla wszystkich linków na stronie. Dodałem podkalse:
a.menu:link {
color: #696969;
background-color: white;
}
a.menu:visited {
color: #696969;
background-color: white;
}
a.menu:hover {
color: white;
background-color: #696969;
}
a.menu:active {
color: white;
background-color: #696969;
}
a:link {
color: #696969;
background-color: white;
}
a:visited {
color: #696969;
background-color: white;
}
a:hover {
color: silver;
background-color: white;
}
a:active {
color: silver;
background-color: white;
}A w kodzie PHP dodałem:
<div id="navigation">
<ul>
<a class="menu">
<jdoc:include type="modules" name="left" />
</a>
</ul>
</div>Jednak nie przyniosło to żadnego efektu...
Czy może mi ktoś wytłumaczyć co robię źle?
Chcę zmienić wygląd menu w CSS. Potrzebny efekt uzyskuje wpisując:
a:link {
color: #696969;
background-color: white;}
a:visited {
color: #696969;
background-color: white;}
a:hover {
color: white;
background-color: #696969;}
a:active {
color: white;
background-color: #696969;}Niestety efekt "podświetlenia" pojawia się dla wszystkich linków na stronie. Dodałem podkalse:
a.menu:link {
color: #696969;
background-color: white;
}
a.menu:visited {
color: #696969;
background-color: white;
}
a.menu:hover {
color: white;
background-color: #696969;
}
a.menu:active {
color: white;
background-color: #696969;
}
a:link {
color: #696969;
background-color: white;
}
a:visited {
color: #696969;
background-color: white;
}
a:hover {
color: silver;
background-color: white;
}
a:active {
color: silver;
background-color: white;
}A w kodzie PHP dodałem:
<div id="navigation">
<ul>
<a class="menu">
<jdoc:include type="modules" name="left" />
</a>
</ul>
</div>Jednak nie przyniosło to żadnego efektu...
Czy może mi ktoś wytłumaczyć co robię źle?