Hallo coderunner,
Ik heb met dreamweaver CS6 een website gemaakt voor mijn sportvereniging :
Deze bevat het volgende verticale menu:

Onder Actuele mededelingen valt niet zo vaak iets te melden. Het gevolg is dat de leden dat item al eens overslaan. En wil het dan lukken dat er net dan toch een belangrijke mededeling staat.
Daarom zoek ik een oplossing om het menu-item 'Belangrijke mededelingen' bv te doen 'blinken' of in een andere kleur te zetten wanneer er een mededeling is.
Hoe pak ik dat aan? Kunt u mij daarbij helpen?
Ter info plaats ik hier de HTML code van het menu en de CSS ervan:
HTML code van mijn menu:
<div id="menu">
<ul id="dropdown">
<li><a href="index.html">Home</a></li>
<li><a href="Fotogalerij/WOW%20Slider/Fotogalerij.html">Fotogalerij</a></li>
<li><a href="#">Anekdotes</a>
<ul>
<li><a href="Anekdotes/Anekdotes_intern.html">Intern</a></li>
<li><a href="Anekdotes/Anekdotes_citaten.html">citaten</a></li>
</ul>
</li>
<li><a href="Weer/weer.html">Weer</a></li>
<li><a href="Mop%20van%20de%20week/Mop%20van%20de%20week.html">Mop v/d week</a></li>
<li><a href="Nuttige%20links/Nuttige%20links.html">Nuttige links</a></li>
<li><a href="Actuele%20mededelingen/Actuele%20mededelingen.html">Actuele mededelingen</a></li>
</ul>
</div>
CCS van mijn menu:
@charset "utf-8";
#dropdown li{
width: 120px;
list-style-type: none;
margin-bottom: 2px;
}
#dropdown ul{
position: absolute;
width: 100px;
left: -1000px;
margin-top: -22px;
margin-right: 0;
margin-bottom: 0;
margin-left: 95px;
}
#dropdown li li{
width: 60px;
}
#dropdown li:hover ul, #dropdown li.ie_does_hover ul{
left: -10px;
}
#dropdown li:hover ul ul, #dropdown li.ie_does_hover ul ul{
left: -1000px;
}
#dropdown ul li:hover ul, #dropdown ul li.ie_does_hover ul{
}
#dropdown a {
display: block;
text-decoration: none;
margin: 1px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 3px;
padding-left: 4px;
}
#dropdown a:link, #dropdown a:visited{
color: #003300;
background-color: #BED88F;
}
#dropdown a:hover, #dropdown a:active{
color: #EBF3DD;
background-color: #003300;
}
#dropdown {
padding: 15px;
margin-top: 0px;
}
Ik heb met dreamweaver CS6 een website gemaakt voor mijn sportvereniging :
Deze bevat het volgende verticale menu:

Onder Actuele mededelingen valt niet zo vaak iets te melden. Het gevolg is dat de leden dat item al eens overslaan. En wil het dan lukken dat er net dan toch een belangrijke mededeling staat.
Daarom zoek ik een oplossing om het menu-item 'Belangrijke mededelingen' bv te doen 'blinken' of in een andere kleur te zetten wanneer er een mededeling is.
Hoe pak ik dat aan? Kunt u mij daarbij helpen?
Ter info plaats ik hier de HTML code van het menu en de CSS ervan:
HTML code van mijn menu:
<div id="menu">
<ul id="dropdown">
<li><a href="index.html">Home</a></li>
<li><a href="Fotogalerij/WOW%20Slider/Fotogalerij.html">Fotogalerij</a></li>
<li><a href="#">Anekdotes</a>
<ul>
<li><a href="Anekdotes/Anekdotes_intern.html">Intern</a></li>
<li><a href="Anekdotes/Anekdotes_citaten.html">citaten</a></li>
</ul>
</li>
<li><a href="Weer/weer.html">Weer</a></li>
<li><a href="Mop%20van%20de%20week/Mop%20van%20de%20week.html">Mop v/d week</a></li>
<li><a href="Nuttige%20links/Nuttige%20links.html">Nuttige links</a></li>
<li><a href="Actuele%20mededelingen/Actuele%20mededelingen.html">Actuele mededelingen</a></li>
</ul>
</div>
CCS van mijn menu:
@charset "utf-8";
#dropdown li{
width: 120px;
list-style-type: none;
margin-bottom: 2px;
}
#dropdown ul{
position: absolute;
width: 100px;
left: -1000px;
margin-top: -22px;
margin-right: 0;
margin-bottom: 0;
margin-left: 95px;
}
#dropdown li li{
width: 60px;
}
#dropdown li:hover ul, #dropdown li.ie_does_hover ul{
left: -10px;
}
#dropdown li:hover ul ul, #dropdown li.ie_does_hover ul ul{
left: -1000px;
}
#dropdown ul li:hover ul, #dropdown ul li.ie_does_hover ul{
}
#dropdown a {
display: block;
text-decoration: none;
margin: 1px;
padding-top: 2px;
padding-right: 4px;
padding-bottom: 3px;
padding-left: 4px;
}
#dropdown a:link, #dropdown a:visited{
color: #003300;
background-color: #BED88F;
}
#dropdown a:hover, #dropdown a:active{
color: #EBF3DD;
background-color: #003300;
}
#dropdown {
padding: 15px;
margin-top: 0px;
}