I have been seeking hi and lo and have not been able to find why my menu buttons are a little high (or are placed a bit too high). I use the latest version of Atahulapa and have changed it a bit here and there. I have added the following code at CSS inserts (found it ons this forum and tweaked it a bit):
/* ================================================ */
/* Page menu background */
/* ================================================ */
div#menu1 {
height: 25px;
margin-top:15px;
background: #365DA0;
}
/* ================================================ */
/* Page Menu item's background and border */
/* ================================================ */
div#menu1 ul.rMenu {
background: purple;
border: none none;
}
/* ================================================ */
/* Page Menu item */
/* ================================================ */
ul.rMenu li a:link,
ul.rMenu li a:visited,
ul.rMenu li a:hover,
ul.rMenu li a:active,
ul.rMenu li {
background: green !important;
color: #000000 !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
I have include a picture of what the menu looks like and as you can see the menu buttons are 1 or 2 pixels too high.
Can you please give me a pointer to what I am doing wrong?
Can this be corrected without the CSS insert? (that was what I tried to do before...)
Thanks in advance!