Avatar billede e-man Nybegynder
14. februar 2002 - 21:26 Der er 10 kommentarer og
1 løsning

Customize dit input field og knappen.

Jeg har en ganske almindelig kode, til at søge via google.opasia, men det er ikke det vigtige.

det vigtige er, hvordan man ændrer formen på input fieldet og på knapppen ved siden af (se toppen/højre hjørne af eksperten.

hvordan laver man sit eget felt og knap, med størrelser billeder osv? Jeg er ikke så hurtig i opfattelsen, når det gælder html, men med en god forklaring skal det nok lykkes :-)
Avatar billede e-man Nybegynder
14. februar 2002 - 21:28 #1
og gerne baggrunds farverne osse ;-)
Avatar billede japp Nybegynder
14. februar 2002 - 21:29 #2
der er  en god guide på www.html.dk, ellers er der en tutorial i Dream Weaver, hvis du har det program.!
Avatar billede e-man Nybegynder
14. februar 2002 - 21:34 #3
ved du sådan lige hvor jeg skal lede?
Avatar billede Slettet bruger
14. februar 2002 - 21:37 #4
http://www.html.dk/tutorials/css/ < styling af input felter osv.

<input type="image" src="billed.gif"> < eksempel på billedknap
Avatar billede nikolajdu Nybegynder
14. februar 2002 - 21:38 #5
130 point er alt for meget.

Gør sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
   
        .fields {
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    background-color: #e9e9e9;
    font: 11px;
    font-family: verdana;
    width:100
   
    }


   
    </style>
</head>

<body>

<form action="siden.html" name="formensNavn" method="get">
<input type="text" name="soeg" value="Søg" size="6" class="fields">
</form>

</body>
</html>

Læg mærke til at jeg har sat class="fields" på mit <input>
- Det bestemmer hvilke af de classes der er defineret oppe i <style> der skal bruges.

/Nikolaj
Avatar billede e-man Nybegynder
14. februar 2002 - 21:43 #6
du får de 130 point alligevel. jeg bruger kun eksperten 1 gang om måneden så værsgo
Avatar billede Slettet bruger
14. februar 2002 - 21:47 #7
nikolajdu: hvorfor benytte en class til dette i stedet for:

INPUT {color:#ffa500;/*osv*/}
Avatar billede sukos Juniormester
14. februar 2002 - 21:51 #8
Fordi man med class selv bestemmer hvornår det skal bruges!
Avatar billede nikolajdu Nybegynder
14. februar 2002 - 21:52 #9
fordi bruger du input{} - Så tager du alle <input> med. F.eks sidder jeg pt og roder med en side hvor bestemte <input> skal have bestemte styles - Der går den slags ikke.

Er alle derimod ens - Så funker det dog :))

/Nikolaj
Avatar billede nikolajdu Nybegynder
14. februar 2002 - 21:55 #10
Det kan jeg høre onkel (Sukos) også mener :))
Avatar billede Slettet bruger
14. februar 2002 - 21:59 #11
okay - så må du meget undskylde :)

alternativt kunne man bruge:

INPUT {blah}

og så id eller classes til de input-felter der skal styles på en anden måde

men vi har jo alle vores egen måde at gøre tingene på :)
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