Avatar billede funstuff.dk Nybegynder
01. november 2001 - 22:16 Der er 6 kommentarer og
1 løsning

input felt..?

Hej..

Hvordan kan man lave kanter på et input felt, som de fx har laver på http://www.boomtown.dk/ der hvor man kan logge ind..?
Avatar billede nikolajdu Nybegynder
01. november 2001 - 22:19 #1
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.
Avatar billede tinman Nybegynder
02. november 2001 - 12:14 #2
Mener du bare farverne eller også det lille hak i hjørnet?
Avatar billede tinman Nybegynder
02. november 2001 - 12:59 #3
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>
Avatar billede funstuff.dk Nybegynder
02. november 2001 - 22:35 #4
Ja næsten, bare et lille problem, der mangler den øverste linje i selve boxen..
Avatar billede tinman Nybegynder
02. november 2001 - 23:11 #5
Lav dit eget billede, som fylder det hele, og sæt alle sider til samme farve som baggrunden
Avatar billede tinman Nybegynder
02. november 2001 - 23:28 #6
<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>
Avatar billede funstuff.dk Nybegynder
03. november 2001 - 17:52 #7
Takker...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester