jQuery div komt van de verkeerde kant
maar deze div opent van linksboven en springt dan pas in het midden terwijl hij gewoon in het midden van boven naar onder zou moeten komen..
de jQuery:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('a#Register').click(function() {
$('div#Register').toggle('slow', function() {
});
});
});
</script>
$(document).ready(function(){
$('a#Register').click(function() {
$('div#Register').toggle('slow', function() {
});
});
});
</script>
de html:
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div style="display: block;" id="Register">
<table>
<tbody><tr style="margin-top:10px;">
<td>
<label for="gebruikersnaam">Gebruikersnaam</label>
</td>
<td>
<input type="text" name="gebruikersnaam" class="field_register" id="gebruikersnaam">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="wachtwoord">Wachtwoord</label>
</td>
<td>
<input type="password" name="wachtwoord" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="cwachtwoord">Bevestig wachtwoord</label>
</td>
<td>
<input type="password" name="cwachtwoord" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="e-mailadres">E-mailadres</label>
</td>
<td>
<input type="text" name="e-mailadres" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="ce-mailadres">Bevestig E-mailadres</label>
</td>
<td>
<input type="text" name="ce-mailadres" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
</td>
<td>
<input type="submit" value="registreer" class="field_register" name="registreer">
</td>
</tr>
</tbody></table>
</div>
<table>
<tbody><tr style="margin-top:10px;">
<td>
<label for="gebruikersnaam">Gebruikersnaam</label>
</td>
<td>
<input type="text" name="gebruikersnaam" class="field_register" id="gebruikersnaam">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="wachtwoord">Wachtwoord</label>
</td>
<td>
<input type="password" name="wachtwoord" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="cwachtwoord">Bevestig wachtwoord</label>
</td>
<td>
<input type="password" name="cwachtwoord" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="e-mailadres">E-mailadres</label>
</td>
<td>
<input type="text" name="e-mailadres" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
<label for="ce-mailadres">Bevestig E-mailadres</label>
</td>
<td>
<input type="text" name="ce-mailadres" class="field_register" id="ce-mailadres">
</td>
</tr>
<tr style="margin-top:10px;">
<td>
</td>
<td>
<input type="submit" value="registreer" class="field_register" name="registreer">
</td>
</tr>
</tbody></table>
</div>
de css:
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
div#Register{
margin: 0 auto;
background-color:#99cc00;
height:180px;
width:400px;
padding:20px;
text-align:center;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
}
margin: 0 auto;
background-color:#99cc00;
height:180px;
width:400px;
padding:20px;
text-align:center;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
-moz-border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
}
een voorbeeld van wat er gebeurd(klik maar eens op registreer: http://layout.site11.com/index.html
Weet ook iemand hoe ik die div boven de border krijg van de div met het id "divSubNav"? dat zou ideaal zijn.
Toevoeging op 23/10/2012 22:22:18:
o was vergeten dat die lijn zelf een div was met class divLine
Toevoeging op 23/10/2012 22:28:22:
het is al gelukt met position: relative en z-index :)