Avatar billede googolplex Novice
20. juli 2003 - 14:38 Der er 9 kommentarer og
2 løsninger

Baggrund på knap

Hvordan får jeg sat baggrund på en submit knap ?

Jeg har prøver følgende:

<input class="logknap" type="submit" name="logout" value="Log ud" />

.logknap
{
    font-family: verdana, tahoma, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #999999 #666666 #666666 #999999;
    background-image: url(grafik/logknap.gif);
    height: 18px;
    width: 82px;
}

Det virker ikke :(
Avatar billede medions Nybegynder
20. juli 2003 - 14:40 #1
Det er fordi du er nødt tilat gøre sådan her:
<input class="logknap" type="image" name="logout" value="Log ud" onclick="this.submit();"/>

//>Rune
Avatar billede googolplex Novice
20. juli 2003 - 14:41 #2
Ah, ok, jeg prøver lige og vender tilbage senere :)
Avatar billede roenving Novice
20. juli 2003 - 16:13 #3
En input type="image" er da en submit-knap uden ekstra kodning ?-)

Så det er nok med
<input class="logknap" type="image" name="logout" value="Log ud"/>

-- og farligt med den ekstra submit-ting, fordi det i visse situationer vil betyde, at submit udføres to gange ...
Avatar billede googolplex Novice
20. juli 2003 - 17:37 #4
Ok, faktisk virkede det jeg havde lavet allerede !!! Jeg manglede '/' foran min sti til baggrundsbilledet, ups :P

Type="image" duer faktisk ikke i mit tilfælde, da jeg gerne vil give mine knapper forskellig tekst, i stedet for at lave forskellige images til de forskellige knapper.

MEN, måske I lige kan hjælp med noget andet... (I skal nok få point uanset:))

Mit baggundsbillede er 82px langt, som I kan se på www.ladefoged-roenne.dk bliver noget at den sidste 'pil' skåret af når jeg sætter 'width' til under 82px. Hvordan får jeg 'skåret af' fra venstre i stedet for fra højre ?

Håber I forstår :)
Avatar billede roenving Novice
20. juli 2003 - 17:40 #5
Laver en clip, som lige skærer lidt (virker dog kun med absolut placering såvidt jeg husker ,-)
Avatar billede googolplex Novice
20. juli 2003 - 17:48 #6
Men man må da kunne gøre det i css ? Sådan af billedet 'kommer ind' fra venstre i stedet for fra højre ? Så hvis størrelsen på knappen er for lille, så mangler der noget af den venstre side i stedet for af den højre ?
Avatar billede roenving Novice
20. juli 2003 - 17:49 #7
Men egentlig ville jeg skære de der 4 px væk fysisk, så den blev de 78px i bredden ...
-- der er jo ingen grund til at gøre det svært for sig selv !-)
Avatar billede roenving Novice
20. juli 2003 - 17:51 #8
Det kan da godt være det dur med:
background-position:top right;

-- men den har jeg ikke selv haft fat i !o]
Avatar billede googolplex Novice
20. juli 2003 - 17:58 #9
Der var den :-)

Det kan vel ikke gøres nemmere ned det :P

Dump et svar, så deler jeg.
Avatar billede roenving Novice
20. juli 2003 - 18:02 #10
oki '-)
-- den der top right gjorde det ?-)
Avatar billede roenving Novice
20. juli 2003 - 18:06 #11
-- og tak for points ;~}

- og jeg lærte at right skal tages bogstaveligt !-)
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