input type image : css
Ik heb eigenlijk een css/html probleempje. Misschien kan toch iemand me helpen of doorverwijzen naar een andere website..
Ik heb een formulier met input type een image. Alleen is die image niet zichtbaar, enkel als ik bij value een tekst ingeef. Maar ik wil enkel een image zien zonder een tekst erboven, kan dit?
mvg,
Kurt
Wat is het nut van het script?
misschien kan ik je dan verder helpen.
<input type="image" src="submit.gif" alt="Submit" width="48" height="48" />
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_input_src
.loginbutton {
background-image: url()
....
}
<input class="loginbutton" .../>
Write Down op 18/04/2011 16:36:19:
Nog mooier lijkt mij met een css-class werken.
.loginbutton {
background-image: url()
....
}
<input class="loginbutton" .../>
.loginbutton {
background-image: url()
....
}
<input class="loginbutton" .../>
En welk type geef je dat veld mee dan? Als je 'm leeg laat valt ie terug op z'n default; text
Gewijzigd op 18/04/2011 16:50:53 door Arjan -
Gerben Jacobs op 18/04/2011 16:47:38:
En welk type geef je dat veld mee dan? Als je 'm leeg laat valt ie terug op z'n default; text
Write Down op 18/04/2011 16:36:19:
Nog mooier lijkt mij met een css-class werken.
.loginbutton {
background-image: url()
....
}
<input class="loginbutton" .../>
.loginbutton {
background-image: url()
....
}
<input class="loginbutton" .../>
En welk type geef je dat veld mee dan? Als je 'm leeg laat valt ie terug op z'n default; text
Lijkt me vanzelfsprekend: submit
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.phphulp {
width: 232px;
height: 80px;
background-image: url(http://www.phphulp.nl/img/phphulp-logo.jpg);
background-repeat: no-repeat;
border:0;
}
-->
</style>
</head>
<body>
<form method="post">
<input class="phphulp" type="submit" name="submit" value="" />
</form>
</body>
</html>
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.phphulp {
width: 232px;
height: 80px;
background-image: url(http://www.phphulp.nl/img/phphulp-logo.jpg);
background-repeat: no-repeat;
border:0;
}
-->
</style>
</head>
<body>
<form method="post">
<input class="phphulp" type="submit" name="submit" value="" />
</form>
</body>
</html>