102
edits
Changes
Jump to navigation
Jump to search
mLine 11:
Line 11: − text-align: center; /* Align the navigation left | center | right */+ − vertical-align:middle;+ − background-color:white; /* The color of the Navigation Bar */+ − font-size:16px; /* Size of the text */+ − font-family: Arial,Helvetica Neue,Helvetica,sans-serif; /* Font Family */+ − padding:0;+ − margin: 0;+ − list-style-type: none;+ − list-style:none;+ − width: 97%;+ + − background-color: #6B5189 !important; /* Background-color of the navigation bar when hovering links */+ − color: white; /* Color of the text */+ + − background-color: #6B5189 !important; /* The color that stay active after you've clicked the link */+ + − display:inline-block;+ + − display:block;+ − text-decoration: none;+ − color: #6B5189 !important;+ − padding: 10px;+ + − <li>Home</li>+ − <li>Our Team</li>+ − <li>How We Work</li> − <li>3 Month Team Objectives</li> − <li>Projects</li> − <li>Contact Us</li>
CSPS Digital Academy Innovation Services - Services d'innovation de l'Académie du numérique de L'ÉFPC (view source)
Revision as of 13:57, 23 July 2019
, 13:57, 23 July 2019testing navigation bar
<style>
<style>
.navigationBar {
.navigationBar {
text-align: center; /* Align the navigation left | center | right */
vertical-align:middle;
background-color:white; /* The color of the Navigation Bar */
font-size:16px; /* Size of the text */
font-family: Arial,Helvetica Neue,Helvetica,sans-serif; /* Font Family */
padding:0;
margin: 0;
list-style-type: none;
list-style:none;
width: 97%;
}
}
.navigationBar li a:hover{
.navigationBar li a:hover{
background-color: black !important; /* Background-color of the navigation bar when hovering links */
color: #fff; /* Color of the text */
}
}
.navigationBar li a:focus {
.navigationBar li a:focus {
background-color: black !important; /* The color that stay active after you've clicked the link */
}
}
.navigationBar li {
.navigationBar li {
display:inline-block;
}
}
.navigationBar li a {
.navigationBar li a {
display:block;
text-decoration: none;
color: #FFF !important;
padding: 10px;
}
}
</style>
</style>
<ul class="navigationBar">
<ul class="navigationBar">
<li><a href=http://www.gcpedia.gc.ca/wiki/Meilleures_pratiques_en_sant%C3%A9_mentale_et_mieux-%C3%AAtre_-_Conseil_f%C3%A9d%C3%A9ral_du_Qu%C3%A9bec_(CFQ)#BO.C3.8ETE_.C3.80_OUTILS_POUR_EMPLOY.C3.89S><font color="mediumvioletred">BOÎTE À OUTILS POUR EMPLOYÉS</font></a></li>
<li><a href=http://www.gcpedia.gc.ca/wiki/Meilleures_pratiques_en_sant%C3%A9_mentale_et_mieux-%C3%AAtre_-_Conseil_f%C3%A9d%C3%A9ral_du_Qu%C3%A9bec_(CFQ)#BO.C3.8ETE_.C3.80_OUTILS_POUR_GESTIONNAIRES><font color="lightseagreen">BOÎTE À OUTILS POUR GESTIONNAIRES</font></a></li>
</ul>
</ul>
</html>
</html>
