Css opmaak probleem tabel
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?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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>
#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>
Dus ik zie geen probleem.
Gewijzigd op 27/11/2014 13:41:41 door - SanThe -
verticale spacing is goed het gaat me eerder om de horizontale spacing
de zwarte kader staat links tegen de shaduw en rechts niet
Ik zou sowieso even die groene kleur eruit halen, en
Toevoegen.
Daarna die outline verwijderen en een border toevoegen van 1px solid black ofzoiets.
Dan lijkt het er al wat meer op, alleen heeft hij links geen border.
width: 516px;
}
Ik dacht dat je hem links juist van de rand af wilde hebben.
Met mijn bovenstaande oplossing staat ie hier aan beide kanten tegen de zijlijn.
heb ik naar gekeken maar zit nogaltijd met probleem :
doe ik iets fout met de opmaak van mijn tabel ofzo ? normaal moet je het toch mooi gecenterd krijgen ?
Gewijzigd op 27/11/2014 17:38:05 door Jaimy A
.rowUurRight { color: rgba(0,0,0,1.00); font-size: 12px; float: left; width: 70px; margin-right:7px; }