Margin aan top :S
Zie dat ook voor de code, maar in firefox komt er iig margin aan de bovenkant.
Iemand (jan zal wel met het antwoord komen) idee wat het is?
(hoi tjvb :P)
Edit:
In IE is hij dus wel goed, maar daar is de dropdown weer niet goed.
Gewijzigd op 01/01/1970 01:00:00 door Onbekend Onbekend
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
div.tjvb {
background-image:url(tjvb_banner.png);
background-repeat:no-repeat;
height:60px;
position:absolute;
width:468px;
}
background-image:url(tjvb_banner.png);
background-repeat:no-repeat;
height:60px;
position:absolute;
width:468px;
}
Vervang je div.tjvb door mijn code, dan doet hij het.
Je moet position absolute gebruiken.
Code (php)
1
form { margin: 0;}
@Jordy ik zag dat hij van jou ook werkt.
Maar ik geef de voorkeur aan een andere oplossing. Je moet zo weinig mogelijk position: absolute; gaan gebruiken.
Maar in IE is die dropdown zo vern**kt.
En ik zou toch de position: absolute; niet gebruiken.Behalve als er geen andere oplossing is. Maar het is jouw site. Wat werkt, werkt.
Maar hoe kan ik zorgen dat de dropdown in IE ook netjes is als in FF?
En hoe kan ik een javascript link in een nieuw venster laten openen?
Gewijzigd op 01/01/1970 01:00:00 door Onbekend Onbekend
En geef eens wat code van die link.
dat werkte niet.
new_parent.location.href=http://tjvb.nl/;
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
* {
margin: 0px;
padding: 0px;
}
#container {
}
div.tjvb {
background-image: url(tjvb_banner.png);
background-repeat: no-repeat;
height: 60px;
width: 468px;
top: 0px;
left: 0px;
}
div.tjvb_link1 {
height: 60px;
position: absolute;
width: 200px;
cursor: pointer;
}
div.tjvb_link2 {
height: 27px;
position: absolute;
width: 268px;
left: 200px;
cursor: pointer;
}
div.tjvb_link3 {
height: 27px;
position: absolute;
width: 268px;
left: 200px;
top: 33px;
cursor: pointer;
}
.whois_name {
position: absolute;
left: 197px;
top: 27px;
border: 1px solid #569dc3;
background-color: #398db9;
width: 92px;
height: 16px;
color: #ffffff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.whois_tdl {
position: absolute;
left: 293px;
top: 27px;
border: 1px solid #569dc3;
background-color: #398db9;
width: 74px;
height: 14px;
color: #ffffff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 2px;
}
.whois_search {
position: absolute;
left: 371px;
top: 27px;
width: 58px;
height: 16px;
opacity: 0;
filter: alpha(opacity=0);
}
margin: 0px;
padding: 0px;
}
#container {
}
div.tjvb {
background-image: url(tjvb_banner.png);
background-repeat: no-repeat;
height: 60px;
width: 468px;
top: 0px;
left: 0px;
}
div.tjvb_link1 {
height: 60px;
position: absolute;
width: 200px;
cursor: pointer;
}
div.tjvb_link2 {
height: 27px;
position: absolute;
width: 268px;
left: 200px;
cursor: pointer;
}
div.tjvb_link3 {
height: 27px;
position: absolute;
width: 268px;
left: 200px;
top: 33px;
cursor: pointer;
}
.whois_name {
position: absolute;
left: 197px;
top: 27px;
border: 1px solid #569dc3;
background-color: #398db9;
width: 92px;
height: 16px;
color: #ffffff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.whois_tdl {
position: absolute;
left: 293px;
top: 27px;
border: 1px solid #569dc3;
background-color: #398db9;
width: 74px;
height: 14px;
color: #ffffff;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 2px;
}
.whois_search {
position: absolute;
left: 371px;
top: 27px;
width: 58px;
height: 16px;
opacity: 0;
filter: alpha(opacity=0);
}
Vervang je oude css door deze en hij zal werken.
Ik heb bij je div.tjvb, position absolute weggehaald en bovenin:
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
* {
margin: 0px;
padding: 0px;
}
toegevoegd, nu werkt hij goed.
Dit word je html code:
<div id="container">
<div class="tjvb">
<div onclick="parent.location = 'http://tjvb.nl/';" class="tjvb_link1"></div>
<div onclick="parent.location = 'http://tjvb.nl/';" class="tjvb_link2"></div>
<div onclick="parent.location = 'http://tjvb.nl/';" class="tjvb_link3"></div>
<form action="#" method="get" name="tjvb_whois" target="_blank">
<input name="name" size="20" class="whois_name" type="text">
<select name="tdl" class="whois_tdl">
<option>.nl</option>
</select>
<input name="submit" value="Search" class="whois_search" type="submit">
</form>
</div>
</div>
margin: 0px;
padding: 0px;
}
toegevoegd, nu werkt hij goed.
Dit word je html code:
<div id="container">
<div class="tjvb">
<div onclick="parent.location = 'http://tjvb.nl/';" class="tjvb_link1"></div>
<div onclick="parent.location = 'http://tjvb.nl/';" class="tjvb_link2"></div>
<div onclick="parent.location = 'http://tjvb.nl/';" class="tjvb_link3"></div>
<form action="#" method="get" name="tjvb_whois" target="_blank">
<input name="name" size="20" class="whois_name" type="text">
<select name="tdl" class="whois_tdl">
<option>.nl</option>
</select>
<input name="submit" value="Search" class="whois_search" type="submit">
</form>
</div>
</div>
Gewijzigd op 01/01/1970 01:00:00 door J V