input felt..?

Det er små billeder der sidder pænt sat sammen rundt om input feltet. De er altså i virkeligheden slet ikke en del af felterne, men sidder tæt op af og matcher godt.

Mener du bare farverne eller også det lille hak i hjørnet?

Prøv den her og så sæt et billede ind som den øverste kant :

<html>

<head>
<title>Input box i farver</title>
<style>
.box {
    background-color: #333333;
    color: #00FF00;
    font-family: verdana;
    font-size: 8pt;
    border-bottom: #666666 1px solid;
    border-left: #666666 1px solid;
    border-right: #222222 1px solid;
    border-top: #222222 1px solid ;
    height: 18px;
    background-image: url(http://i.opasia.dk/gfx/boomtown/input_corner.gif);
    background-position: center right;
    background-repeat: no-repeat;}
</style>
</head>

<body bgcolor=\"#222222\">
<input type=\"text\" name=\"navn\" class=\"box\">
</body>

</html>

Ja næsten, bare et lille problem, der mangler den øverste linje i selve boxen..

Lav dit eget billede, som fylder det hele, og sæt alle sider til samme farve som baggrunden

<html>

<head>
<title>Input box i farver</title>
<style>
.box {
    background-color: #333333;
    color: #00FF00;
    font-family: verdana;
    font-size: 8pt;
    border-bottom: #000000 1px solid;
    border-left: #000000 1px solid;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    height: 20px;
    background-image: url(\"http://www.tinman.dk/bg-box.gif\");
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;}
</style>
</head>

<body bgcolor=\"#000000\">
<input type=\"text\" name=\"navn\" class=\"box\">
</body>

</html>

Takker...