Ik ben momenteel bezig met onze openingsuren tabel opnieuw te schrijven, zodat deze duidelijker en makkelijker in gebruik is nu bots ik echter op een CSS probleem die ik met veel moeite niet opgelost krijgt
het gaat over deze pagina -> http://tinyurl.com/n33gm4v
als je kijkt naar de "huidige dag" (met een zwarte kader rond de dag) zie je dat deze niet mooi gecentreerd staat. de kader zou een aantal pixels naar rechts moeten zodat deze mooi in het midden staat. heeft iemand een idee waar ik de mist in ga?
<style>
#containerOpening {
width: 530px;
}
body {background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1.9em;color:#4e4e4e;}
.actief { font-weight: 700; font-size: 1.4em; border: 2px solid; color: #71FF00; padding: 17px 11px;
outline: thin solid black; }
.nietactief { font-weight: 700; font-size: 1.4em; border: 2px solid; color:#FF0004; padding: 17px 11px; }
.rowWeekdag { color: rgba(0,0,0,1.00); font-size: 12px; float: left; width: 70px; }
.rowUurLeft { color: rgba(0,0,0,1.00); font-size: 12px; float: left; width: 70px; }
.rowUurImageOpen { background:url(http://fietsendezwaluw.be/images/openingsuren/new_tijdlijn.gif) no-repeat; width: 240px; vertical-align: middle;}
.rowUurImageVerlof { background:url(http://fietsendezwaluw.be/images/openingsuren/new_tijdlijn_sluiting_verlof.gif) no-repeat; width: 240px; }
.rowUurImageFeest { background:url(http://fietsendezwaluw.be/images/openingsuren/new_tijdlijn_sluiting_feest.gif) no-repeat; width: 240px; }
.rowUurRight { color: rgba(0,0,0,1.00); font-size: 12px; float: left; width: 70px; }
</style>
