Krijg het niet goed
Als je kijkt naar de knop lost password (die nog niet ingesteld staat als type=submit
en dan kijkt naar de knop login zie je dat de afbeelding(en), overigens geld dit ook voor de twee
input text velden er boven, niet goed staat : het moet iets naar links en iets naar boven.
Ik heb er hoofdpijn van heb van alles geprobeerd, hopelijk kan iemand mij avond redden
Wat informatie
html code:
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
<?php
<div id="colwrap4">
<img src="images/index_r11_c1.jpg" id="index_r11_c1" alt="" />
<img src="images/lbl_login.jpg" id="lbl_login" alt="" />
<input class="input_login_input" type="text" name="username" value="<?php echo $input['user']; ?>">
<img src="images/index_r14_c2.jpg" id="index_r14_c2" alt="" />
<input class="input_password_input" type="password" name="password" value="<?php echo $input['pass']; ?>">
<div id="vul_aub_in"><div class="vul_aub_in_text"></div></div>
<img src="images/tekst_login_2.jpg" id="tekst_login_2" alt="" />
<input type="submit" id="btn_login" name="submit" value="">
<img src="images/index_r18_c2.jpg" id="index_r18_c2" alt="" />
<img src="images/btn_lost_password.jpg" id="btn_lost_password" alt="" />
<img src="images/index_r20_c2.jpg" id="index_r20_c2" alt="" />
</div>
?>
<div id="colwrap4">
<img src="images/index_r11_c1.jpg" id="index_r11_c1" alt="" />
<img src="images/lbl_login.jpg" id="lbl_login" alt="" />
<input class="input_login_input" type="text" name="username" value="<?php echo $input['user']; ?>">
<img src="images/index_r14_c2.jpg" id="index_r14_c2" alt="" />
<input class="input_password_input" type="password" name="password" value="<?php echo $input['pass']; ?>">
<div id="vul_aub_in"><div class="vul_aub_in_text"></div></div>
<img src="images/tekst_login_2.jpg" id="tekst_login_2" alt="" />
<input type="submit" id="btn_login" name="submit" value="">
<img src="images/index_r18_c2.jpg" id="index_r18_c2" alt="" />
<img src="images/btn_lost_password.jpg" id="btn_lost_password" alt="" />
<img src="images/index_r20_c2.jpg" id="index_r20_c2" alt="" />
</div>
?>
css code:
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
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
<?php
#btn_login {
margin-left: 0px;
margin-top: 0px;
display: inline;
float: left;
height: 21px;
margin-bottom: 0;
width: 105px;
background: Url('images/btn_login.jpg') no-repeat;
}
.input_login_input {
color: black;
height: 15px;
width: 98px;
font-size: 10px;
background: Url('images/input_login.jpg') no-repeat;
}
.input_password_input {
color: black;
height: 15px;
width: 98px;
font-size: 10px;
background: Url('images/input_password.jpg') no-repeat;
}
?>
#btn_login {
margin-left: 0px;
margin-top: 0px;
display: inline;
float: left;
height: 21px;
margin-bottom: 0;
width: 105px;
background: Url('images/btn_login.jpg') no-repeat;
}
.input_login_input {
color: black;
height: 15px;
width: 98px;
font-size: 10px;
background: Url('images/input_login.jpg') no-repeat;
}
.input_password_input {
color: black;
height: 15px;
width: 98px;
font-size: 10px;
background: Url('images/input_password.jpg') no-repeat;
}
?>
je moet zelf een border instellen, bijvoorbeeld border: 1px solid #000000;
Het gekke is ik krijg alleen die problemen als ik er input objecten van maak
kun je je images eens posten allemaal die verantwoordelijk zijn voor de afbeelding hierboven?
je weet dat je hier gewoon css voor kan gebruiken en dat plaatjes voor de opmaak van een website ergens in 2001 gebeurde?
Ieder zijn eigen manier maar je weet het dus niet