Jan1 Posted August 23, 2004 Share Posted August 23, 2004 Kan man styra marginalerna inne i knappar i förhållande till texten? När man skapar en knapp så ser det ganska fånigt ut när man har en knapp med fler än 6 tecken. Jag vet att man kan sätta knapparna till en fast bredd men jag är intresserad av att ha en fast bredd bredvid texten. Link to comment Share on other sites More sharing options...
Bj0rN Posted August 23, 2004 Share Posted August 23, 2004 Med CSS kan man fixa många roliga saker. Jag är lite osäker på om du menar padding eller margin. Här kommer i alla fall ett exempel på hur man kan få knappen lite bredare än vad som är normalt: <html> <head> <title></title> <style type="text/css"> .knapp { padding-right: 50px; padding-left: 50px; } </style> </head> <body> <form> <input type="button" class="knapp" value="Tryck här minsann"> </body> </html> Byt ut padding mot margin om du vill att det ska vara större mellanrum mellan text på hemsidan och knappen istället. -- Some say I am crazy.. but the voices in my head disagree... Link to comment Share on other sites More sharing options...
Jan1 Posted August 23, 2004 Author Share Posted August 23, 2004 Nja... Det funkar inte... Det som sker är att den stilmallen lägger till 50 px till befintlig marginal. Prova att sätta till 0px... Jag vill kunna styra ALLT Link to comment Share on other sites More sharing options...
zerblat Posted August 23, 2004 Share Posted August 23, 2004 Jag tror inte att det går att få bort mer än så. Det du kan göra är att använda <button> och dölja knappen helt. Sen kan du applicera valfri stil på innehållet i knappen: .knapp { padding: 0px; border: none; background: inherit; } .ruta { border: solid 1px; background: #bad; } . . . <button class="knapp"><span class="ruta">Tryck här</span></button> I värsta fall kan du ju använda Javascript, dvs typ onclick="submit()". [inlägget ändrat 2004-08-23 12:24:47 av zerblat] Link to comment Share on other sites More sharing options...
Bj0rN Posted August 23, 2004 Share Posted August 23, 2004 Precis som Zerblat skriver så kan du nog inte få total kontroll över knappar. Men det finns ju omvägar, sjäv brukar jag göra på detta sättet då jag vill simulera knappar för att kunna utforma de precis som jag vill: <style type="text/css"> .knapp { margin-right: 5px; border-bottom: solid 1px #102354; border-right: solid 1px #102354; border-top: solid 1px #96AAE7; border-left: solid 1px #96AAE7; color: #000; background-color: #96AAE7; padding-left: 7px; padding-right: 7px; padding-top: 2px; padding-bottom: 2px; font-family: verdana, helvetica, sans-serif; font-size: 10pt; cursor: pointer; text-decoration: none; } </style> </head> <body> <a class="knapp" href="javascript://">Här trycker man</a> </body> </html> Nu kan du göra i princip vad du vill, sätt på en :active för att få den i nertryckt läge och :hover för att ändra färg på den då man har musen över. Margins och Paddings kan du ändra hur du vill. -- Some say I am crazy.. but the voices in my head disagree... Link to comment Share on other sites More sharing options...
Jan1 Posted August 23, 2004 Author Share Posted August 23, 2004 Tack för svaren. Jo... jag fick bygga en egen knapp. Link to comment Share on other sites More sharing options...
.thumb.png.71a73be41d8bf63826729db87e16f1ce.png)
.thumb.JPG.a7f98fcf4231ab407810fba3dc9b4085.JPG)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.