Avatar billede Frederik Nybegynder
15. februar 2006 - 10:28 Der er 11 kommentarer og
3 løsninger

Layout på submit knap.

Hej.

Er det muligt at ændre layoutet på en submit knap?
f.eks. på www.arise.dk hvis man trykker på login oppe i toppen, så kommer der en login form op i venstre side af skærmen, den knap der hedder "Log ind" Hvordan får man et layout som den?
Er det også muligt at bestemme hvor store felterne man skriver i skal være?

<html><head></head><body>
<form action="opret-ok.php" method="post">
Brugernavn: <input type="text" name="brugernavn"><br>
Password: <input type="password" name="password"><br>
<input type="submit" name="opret" value="Opret">
</form></body></html>


På forhånd tak.


- Frederik
Avatar billede thesurfer Nybegynder
15. februar 2006 - 10:31 #1
Du bruger bare CSS, til både knapper, tekstfelter, alt..

De har brugt følgende CSS kode:

.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  border            : 1px solid #AABBBF;
  background-color  : #FFFFFF;
  color            :#404F59;
  background-image  : url(../images/but.gif);
  padding          : 2px;
}

Man tilføjer det til knappen med: class="button"

/theSurfer
Avatar billede thesurfer Nybegynder
15. februar 2006 - 10:31 #2
Læs CSS tutorial her: http://www.html.dk/tutorials/css/

/theSurfer
Avatar billede Frederik Nybegynder
15. februar 2006 - 10:39 #3
Øøøhm.. kan du give en forklaring til havd du har gjort her?

.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  border            : 1px solid #AABBBF;
  background-color  : #FFFFFF;
  color            :#404F59;
  background-image  : url(../images/but.gif);
  padding          : 2px;
}
Avatar billede webstuff Nybegynder
15. februar 2006 - 10:39 #4
Hvis du vil styre inputtet på alle dine input felter kan du skrive dette i din CSS:

input{
  font-family:verdana;
  font-size:12px;
  border: 1px solid #000;
}
osv osv osv.
Men du kan også bruge et billede som submit knap, hvilket jeg tror de har gjort på den side, og så skriver du bare.

<input type="image" src="dit_billede.png">
så bliver det automatisk til en submit knap :-)
Avatar billede Frederik Nybegynder
15. februar 2006 - 10:42 #5
hvordan bestemmer man så hvor store tekstfelsterne må være?
Avatar billede thesurfer Nybegynder
15. februar 2006 - 10:43 #6
xuzem> Læs CSS tutorial her: http://www.html.dk/tutorials/css/
Det besvarer alle (eller de fleste) af dine spørgsmål :-)

/theSurfer
Avatar billede webstuff Nybegynder
15. februar 2006 - 10:51 #7
f.eks:
-----
input{
  width:150px;
}
Avatar billede thesurfer Nybegynder
15. februar 2006 - 11:36 #8
&#8220;Give a man a fish; you have fed him for today.  Teach a man to fish; and you have fed him for a lifetime&#8221; :-)

/theSurfer
Avatar billede thesurfer Nybegynder
15. februar 2006 - 11:36 #9
Nå.. vi prøver igen:

"Give a man a fish; you have fed him for today.  Teach a man to fish; and you have fed him for a lifetime" :-)

/theSurfer
Avatar billede Frederik Nybegynder
15. februar 2006 - 11:46 #10
mange tak :)

Har læst guiden og brugt jeres hjælp. :=) Og nu virker det :=)

Er det muligt at give point til flere??
Avatar billede webstuff Nybegynder
15. februar 2006 - 11:47 #11
Ja hvis vi begge lægger et svar burde du kunne regne den ud derfra ;o)
Avatar billede thesurfer Nybegynder
15. februar 2006 - 12:02 #12
Og her er et svar fra mig..

Du kan sætte points op, under boksen Funktioner til venstre..

/theSurfer
Avatar billede Frederik Nybegynder
15. februar 2006 - 13:35 #13
Webstuff, lægger du et svar mere.. Kan ikke acceptere dit.. :(
Avatar billede thesurfer Nybegynder
15. februar 2006 - 13:45 #14
webstuff> Læg et svar: http://www.eksperten.dk/spm/688243

/theSurfer
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