Het linkermenu: de tekst op de buttons komt eronder te staan In elke browser gaat het goed alleen niet in Internet Explorer op een Apple .
Iemand een idee?
Het is zo ie zo slordige code (heb ik niet gemaakt) Ik heb de code wat netter gemaakt maar dan moet ik de scripts hier neerzetten want die is nog niet geupload
dus eerst maar de link:
www.byzantijnsgriekskoor.nl
dit is de css:
Iemand een idee?
Het is zo ie zo slordige code (heb ik niet gemaakt) Ik heb de code wat netter gemaakt maar dan moet ik de scripts hier neerzetten want die is nog niet geupload
dus eerst maar de link:
www.byzantijnsgriekskoor.nl
dit is de css:
Code:
/* knop */
a:hover{
color:red;}
a.knop:link, a.knop:visited{
height: auto;
display:block;
width:141px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:7px;
text-align:center;
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color: #000000;
line-height:1;}
a.knop:hover, a.knop:active{
height: auto;
display:block;
width:141px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:7px;
text-align:center;
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color: #FFFFFF;
line-height:1;}
.knopsection {
display:table-cell;
vertical-align:middle;
background:rgb(228, 162, 44);
margin-left:auto;
margin-right:auto;
height:43;
width:141;
border-style:solid;
border-color: rgb(196,50,12);;
border-width:4px;
}
.knop {
height: auto;
display:block;
width:141px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:7px;
text-align:center;
position:relative;
/*font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color: #000000;*/
line-height:1;
}
Laatst bewerkt door een moderator: