Calendar << and < buttons are not visible (blue on blue).

[justinrowles]

Top left and right of the popup js calendar are text elements used as navigation buttons. They have text "<<", "<", ">", ">>", "X" and "?".

They have the same color foreground and background and are thus invisible until the mouse goes over them.

Snippet of (javascript generated) html is as follows:

<div class="calendar" style="position: absolute; display: none; left: 541px; top: 319px;">

<table style="visibility: visible;" cellpadding="0" cellspacing="0">

<thead>

<tr>

<td class="button" colspan="1">

<div unselectable="on">?</div>

</td> <td style="cursor: move;" class="title" colspan="6">July, 2008</td> <td class="button" colspan="1">

<div unselectable="on">×</div>

</td>

</tr> <tr class="headrow">

<td class="nav button" colspan="1">

<div unselectable="on">«</div>

</td> <td class="button nav" colspan="1">

<div unselectable="on">‹</div>

</td> <td class="button" colspan="4">

<div unselectable="on">Today</div>

</td> <td class="button nav" colspan="1">

<div unselectable="on">›</div>

</td>

calendar-blue2.css line 21 gives a background of #064377 because of class "nav" on the td element:

.calendar .nav {

background: #064377 url(menuarrow2.gif) no-repeat 100% 100%;

}

geonetwork.css line 11 gives a foreground of #064377 because the text elements are wrapped in a div:

body, div {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; margin: 0px; color: #064377;

}

[justinrowles]

NB The div tag doesn't need font etc because it must be inside body! However, it should keep the margin setting because different browsers set slightly different defaults on divs.

[heikki]

As for the different defaults in different browsers, I think that could be addressed by using a reset css, like for example ​http://meyerweb.com/eric/tools/css/reset/.

[justinrowles]

Heikki, I agree, but suggest that that is a separate ticket.