Avatar billede AndreasDpp Nybegynder
05. januar 2013 - 21:06 Der er 8 kommentarer og
1 løsning

Lave en 3 billeder om til en knap :D

Hey
Jeg er igang med at lave en hjemme side, men har under søgt lidt om hvordan man laver knapper. Har ikke kunne finde noget som jeg har kunne bruge. Hvad man nu siger jeg har en knap som jeg  har delt op i 3 dele/billeder(de 2 sider og så det som så der imellem) men hvordan skal man lave det om til en knap i css/html. fordi når jeg har en menu så er der nogen tekster på knapperne som er længere end andre så derfor vil jeg gerne finde ud af hvordan man laver den :D

Tak på forhånd :D :D
Avatar billede olebole Juniormester
05. januar 2013 - 22:34 #1
<ole>

Du fortæller ikke noget om, hvordan du skal bruge dem. En mulighed kunne måske være at sætte en fast bredde på knapperne(?)

I øvrigt vil du sikkert kunne klare dig med to billeder, men lad os først få styr på bredderne  =)

/mvh
</bole>
Avatar billede scootergrisen Nybegynder
06. januar 2013 - 00:46 #2
Prøv og søg efter "css sliding doors" så kan du nøjes med 2 billeder.
Avatar billede Ole_N Nybegynder
10. januar 2013 - 11:00 #3
hvis du vil lave knapper der tilpasser sig størrelsen af indholdet kan du gøre sådan her:

<style>

a.right{
float:left;
background-image: url("../images/btnleft.png");
background-repeat: no-repeat;
width:5px;
height:30px;

}
a.middel{
float:left;
background-image: url("../images/btnmiddel.png");
background-repeat: repeat-x;
padding-top:5px;
padding:5px;
height:20px;
display:block;
width:auto;
}
a.right{
float:left;
background-image: url("../images/btnright.png");
background-repeat: no-repeat;
width:5px;
height:30px;
}

</style>

<a herf="">
<div class="left"></div>
<div class="middel">noget tekst</div>
<div class="right"></div>
</a>
Avatar billede olebole Juniormester
10. januar 2013 - 11:22 #4
@Ole_N: Det kommer så sandelig an på, hvilken HTML- og browserversion der anvendes  =)

Under alle omstændigheder er der tale om unødigt mange elementer. Som allerede nævnt to gange, kan det gøres med bare to
Avatar billede JohnFlex Nybegynder
16. januar 2013 - 18:08 #5
Har lignende projekt på min side http://casinobonussen.dk - vil gerne lave mine egne knapper. Tak for det.
Avatar billede olebole Juniormester
16. januar 2013 - 18:24 #6
På casinobonussen.dk ville #3 ikke være valid/anvendelig
Avatar billede Holst123 Nybegynder
10. marts 2013 - 23:17 #7
Ved ikke om det her er til hjælp, men her er en hjemmeside med massere af knapper som kan downloades fuldt lovligt.
- http://www.partner-ads.com/dk/webhjoernet_downloads.htm

Eller du kunne bruge Photoshop CS6

Mvh.
Mads
Avatar billede olebole Juniormester
10. marts 2013 - 23:53 #8
@Holst123: Det er ikke rigtig det, spørgsmålet går ud på  =)
Avatar billede Holst123 Nybegynder
05. juni 2013 - 16:43 #9
@olebole: okay, men jeg fik da "Accepteret svar" =)
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