Avatar billede torbenrohde Nybegynder
09. juli 2001 - 10:04 Der er 10 kommentarer

<button> uden højre/venstre margen ?

Jeg har lavet mit eget knap-design.
Jeg laver en opsætning med nogle tables og billeder imellem button taggene <button><table>........</table></button>.
Det virker også fint (i nyere browsere ihvertfald). Men !!
Når man normalt laver en knap, fx med teksten \"ok\" laver den en hvis højre/venstre margen, men det laver totalt kage i min knap, hvordan fjerner jeg denne margen, er det muligt ???
Jeg har fjernet knappens border og background med CSS, men hverken padding eller margin hvirker på ovenstående så vidt jeg kan se.

Torben R
Avatar billede torbenrohde Nybegynder
09. juli 2001 - 10:06 #1
Forresten : Man kan også sætte fx \"width: 100px;\", men så skal man gøre det for hver enkelt knap (i forhold til hvor lang teksten er), og det er ikke en holdbar løsning.
Avatar billede htx98i17 Professor
09. juli 2001 - 10:10 #2
<button> er noget gammelt noget, tror ikke der er andre løsninger på det end sit sidste eksempel...
Avatar billede jakobandersen Nybegynder
09. juli 2001 - 10:14 #3
button er ikke så bredt supporetet som f.eks. <input type=\"button\"> eller <input type=\"submit\">
Avatar billede torbenrohde Nybegynder
09. juli 2001 - 10:18 #4
Button er på ingen måde gammel htx98i17, det er afløseren for <input type=\"button\"> fordi input tagget var blevet \"overloadet\".
Ved godt det kun er IE 5.0+ der er god til <button>, men det er også ok. Desuden tror jeg browseren får problemer hvis du sætter tables ind i input tagget, fx :
<input type=\"submit\" value=\"<table><tr><td><img src=\"billede.gif\"/> Tryk her </td></tr></table>\"/>

Det er button bedre til
<button>
<table>
<tr><td>
<img src=\"billede.gif\"/> Tryk her </td></tr>
</table>
</button>
Avatar billede htx98i17 Professor
09. juli 2001 - 10:19 #5
jeg har lige kigget i to hæfter fra IDG og den siger ikke noget om at man kan fjerne margins... så det er nok den eneste metode at gøre det på...
Avatar billede htx98i17 Professor
09. juli 2001 - 10:20 #6
ja <input type=\"submit\" er jo slet ik lavet til at sætte andet html ind som value...
Avatar billede torbenrohde Nybegynder
09. juli 2001 - 10:21 #7
Nu er det ikke alt der står i hæfter fra IDG.
\"så det er nok den eneste metode at gøre det på\"...... hvad er den eneste metode ?
Avatar billede htx98i17 Professor
09. juli 2001 - 10:23 #8
det med width!, Mr. Negativ! Klar dig selv så...
Avatar billede torbenrohde Nybegynder
09. juli 2001 - 10:30 #9
Ok, slap af.
Width duer ikke, dels er der mange knapper, og dels er det sprogversioneret
Avatar billede jakoba Nybegynder
12. juli 2001 - 16:10 #10
Hvis button duer fra IE5 skulle det vel være muligt at styre dens margins, borders osv med lidt CSS:

<style>
button.dinKnap { margin:0; border:0 }
</atyle>

og så nede i dokumentet:

<button class=\'dinKnap\'>

Pas på med whitespace før og efter tabellen. Det kunne nok gå hen og give et \"tegnet blanktegn\" ligesom man ofte ser efter billeder.

mvh JakobA
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