Søg
Avatar billede daywalker123 Nybegynder
02. november 2001 - 15:28 Der er 13 kommentarer og
1 løsning

Ændring af buttons

Hej

En der ved hvordan man ændrer de der \"submit\" knappers design, farve og font ??

/daywalker123
Avatar billede daywalker123 Nybegynder
02. november 2001 - 15:32 #1
altså, istedet for en kedelig grå knap.. så en rød med sort kant på.. sådan noget..

er det noget man laver i java eller css måske ?
Avatar billede jakoba Nybegynder
02. november 2001 - 15:40 #2
Ja det kan man, men det er begrænste hvor mange browsere det virker i :(

Jeg ville anbefale en imageknap, den virker præcis som en submit og du kan tegne hvad du vil.

<image type=\'image\' src=\"etbillede.gif\" width=75 height=20>

mvh JakobA
Avatar billede ztyxx Nybegynder
02. november 2001 - 15:44 #3
det kan laves med CSS som kan se sådan ud (husk at sætte det mellem <head></head>

<style type=\"text/css\">
.smartKnap {background-color:#ffffff;
        border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
        border-style:thin;
        border-top-width:thin;
        border-right-width:thin;
        border-bottom-width:thin;
        border-left-width:thin;
        color:#336699;
        font-family:verdana;
        font-size:10px;
        font-weight:normal;
        font-style:normal;
        letter-spacing:1;
        text-decoration:none;
}
</style>

og din knap ser sådan ud

<input type=\"submit\" value=\"Send\" class=\"smartKnap\" onFocus=\"this.blur();\">
Avatar billede ztyxx Nybegynder
02. november 2001 - 15:47 #4
farverne skal lige rettes til ;-)
Avatar billede daywalker123 Nybegynder
02. november 2001 - 15:49 #5
okey... men det bliver ikke så nice med teksten... det bliver altid sådan lidt.. hmm ja jeg ville helst have en \"html\"-knap ...
Avatar billede ztyxx Nybegynder
02. november 2001 - 15:53 #6
du ændrer bar i stylen til det du havde tænkt dig, det er ikke så svært, hvis man lige bruger lidt tid til at kigge det igennem, prøv at kigge på http://html.dk/tutorials/css/ der står en masse nyttige ting om CSS
Avatar billede daywalker123 Nybegynder
02. november 2001 - 15:58 #7
hvad med de der \"textarea\" er det bare samme princip eller ?
Avatar billede ztyxx Nybegynder
02. november 2001 - 16:03 #8
ja, det er nøjagtigt det samme, den ser sådan ud

textarea {background-color:red;
        border-color:black black black black;
        border-style:thin;
        border-top-width:thin;
        border-right-width:thin;
        border-bottom-width:thin;
        border-left-width:thin;
        color:#000000;
        font-family:verdana;
        font-size:12px;
        font-weight:normal;
        font-style:normal;
        letter-spacing:2;
        text-decoration:none;
}
Avatar billede daywalker123 Nybegynder
02. november 2001 - 16:10 #9
.. jeg har læst men ka ikke finde ud af hvordan jeg fjerner scrolling fra en textarea ? eller sætter den på auto
Avatar billede ztyxx Nybegynder
02. november 2001 - 16:19 #10
du lader din texarea se sådan ud
<textarea name=\"txt\" rows=\"5\" cols=\"30\" style=\"overflow: auto;\"></textarea>
Avatar billede daywalker123 Nybegynder
02. november 2001 - 16:22 #11
du varm til det der ztyxx... men du vil ikke have point ?
Avatar billede ztyxx Nybegynder
02. november 2001 - 16:23 #12
for at det så skal se lidt pænt ud giver du også din scrollbar farver
body { scrollbar-3d-light-color: white;
scrollbar-arrow-color: black;
scrollbar-base-color: red;
scrollbar-dark-shadow-color: black;
scrollbar-face-color: red;
scrollbar-highlight-color: white;
scrollbar-shadow-color: black;
}
Avatar billede ztyxx Nybegynder
02. november 2001 - 16:24 #13
takker, det er alt sammen noget jeg har læst mi til på www.html.dk så behold selv dine point, det er ok med mig, er glad for at kunne hjælpe :-)
Avatar billede daywalker123 Nybegynder
03. november 2001 - 01:52 #14
vil sq gerne give dig pointene.. men ok.. ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »