class:hover doet het niet
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
.btn_ahref{
width:174px;
height: 39px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: 1px solid #b8951b;
font-weight: bold;
background: #e9dba9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e9dba9 0%, #e9dba9 25%, #d7bd6c 50%, #e9dba9 75%, #e9dba9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e9dba9), color-stop(25%,#e9dba9), color-stop(50%,#d7bd6c), color-stop(75%,#e9dba9), color-stop(100%,#e9dba9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* IE10+ */
background: linear-gradient(135deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dba9', endColorstr='#e9dba9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-decoration: none;
color: black;
line-height: 40px;
}
.btn_ahref :hover {
width:174px;
height: 39px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: 1px solid #b8951b;
font-weight: bold;
text-decoration: none;
color: yellow;
line-height: 40px;
}
?>
.btn_ahref{
width:174px;
height: 39px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: 1px solid #b8951b;
font-weight: bold;
background: #e9dba9; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e9dba9 0%, #e9dba9 25%, #d7bd6c 50%, #e9dba9 75%, #e9dba9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e9dba9), color-stop(25%,#e9dba9), color-stop(50%,#d7bd6c), color-stop(75%,#e9dba9), color-stop(100%,#e9dba9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* IE10+ */
background: linear-gradient(135deg, #e9dba9 0%,#e9dba9 25%,#d7bd6c 50%,#e9dba9 75%,#e9dba9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9dba9', endColorstr='#e9dba9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-decoration: none;
color: black;
line-height: 40px;
}
.btn_ahref :hover {
width:174px;
height: 39px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
border: 1px solid #b8951b;
font-weight: bold;
text-decoration: none;
color: yellow;
line-height: 40px;
}
?>
HTML
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<?php
<a href="?page=inschrijven" class="btn_ahref"
style="
left: 250px;
position: absolute;
top: 133px;
">INSCRHIJF FORMULIER</a>
?>
<a href="?page=inschrijven" class="btn_ahref"
style="
left: 250px;
position: absolute;
top: 133px;
">INSCRHIJF FORMULIER</a>
?>
Elwin - Fratsloos op 11/04/2013 15:16:19:
Spatie weghalen voor de :hover. Waarom nog inline CSS in je a-tag?
Tja, dingen onthouden is soms bijzonder moeilijk... klik
2) CSS code is geen PHP code, plaats het dus niet tussen PHP tags (voor het forum tussen [code] tags)
3) Gebruikt nooit position:absolute; voor het positioneren van dit soort elementen, zoals je zegt de positie verschilt per element. Daarom moet je ze gewoon laten positioneren "in de flow", met float en margin/padding dus. En eventueel een position:relative;
Wouter J op 11/04/2013 15:50:20:
1) Exact hetzelfde als je vorige topic. Lees je uberhaupt wel de oplossing of is het echt gewoon copy/past?
2) CSS code is geen PHP code, plaats het dus niet tussen PHP tags (voor het forum tussen [code] tags)
3) Gebruikt nooit position:absolute; voor het positioneren van dit soort elementen, zoals je zegt de positie verschilt per element. Daarom moet je ze gewoon laten positioneren "in de flow", met float en margin/padding dus. En eventueel een position:relative;
2) CSS code is geen PHP code, plaats het dus niet tussen PHP tags (voor het forum tussen [code] tags)
3) Gebruikt nooit position:absolute; voor het positioneren van dit soort elementen, zoals je zegt de positie verschilt per element. Daarom moet je ze gewoon laten positioneren "in de flow", met float en margin/padding dus. En eventueel een position:relative;
3. waarom niet kan het kwaad?
Beetje jammer, zo kom je nooit verder.
Ozzie PHP op 11/04/2013 16:54:55:
Tip 3 meteen in twijfel trekken en gewoon ook niet reageren op punt 1 en 2... pfff
Beetje jammer, zo kom je nooit verder.
Beetje jammer, zo kom je nooit verder.
Er zijn mensen die maar 1 malig iets willen maken... Waarom ze dat dan niet LATEN maken...