webForumDet fria alternativet
Logga in / Bli medlem

css styla knappar med bilder

HTML & CSS

3 svar · 592 visningar · startad av stavve

Medlem sedan sep. 200774 inlägg
Frågan#1

Har en liten fråga kan man på något sätt sätta en egen ritat bild som knapp i css så att alla knappar på min sida ser likadana ut? jag vill inte använda mig av någon javascript eller något som har med java att göra. Bara css och html. Jag vet hur man stylar knappar i css utan bilder men jag vill göra lite mer än så. finns det något enkelt sätt som funkar smärtfritt i helst dom flesta browsers, men det går även bra om det bara funkar i explorer eftersom dom flesta användare på sidan kör med explorer. Mvh Stavve

Medlem sedan juni 20006 031 inlägg
#2

Ett exempel direkt ur min css fil på en sida:

input.knappStor {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #eeeeee;
  background-image:   url(gfx/button_115x22.gif);
  border: none;
  width: 115px;
  height: 22px;
}

Se bara till att bilden är lika stor som knappen, i det här fallet 115 x 22 px.

Sen koden för knappen:

<input name="SubmitFeedback" type="submit" class="knappStor" id="SubmitFeedback" value="Skicka" />
Medlem sedan sep. 200774 inlägg
#3

hejsan tack för svaret, undrar om man kan få se din knapp hur den ser ut har du någon länk? i vilka browsers funkar det?
mvh stavve

Medlem sedan juni 20006 031 inlägg
#4

Fungerar i dom vanligaste webbläsarna iaf.
Jag vet ingen webbläsare som det inte fungerar i.
Exempel

254 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)