Avatar billede steen-h Mester
30. april 2007 - 18:13 Der er 11 kommentarer og
1 løsning

Luft mellem tekst og knap kant

Hej

Jeg har en knap med lang tekst, jeg vil gerne gøre knappen mindre det kan jeg gøre med font-size, men der er stadig flere milimeter fra teksten begynder og slutter og til knappens kant.

Så har jeg en anden knap med teksten tom der er mindre afstand til knappens kant.

Hvad styre det og kan jeg bestemme det i css.

Hvis jeg bruger width skal det jo passe til teksten, har også prøvet med padding.

Er der den som kan hjælpe ?
Avatar billede Slettet bruger
30. april 2007 - 18:23 #1
prøvet med margin?
(Ved ikke selv om det er det)
Avatar billede steen-h Mester
30. april 2007 - 18:37 #2
margin : 0px;

Forandre ingenting.
Avatar billede jokkejensen Novice
30. april 2007 - 20:51 #3
margin er uden om et block element..

Padding er inden i..

yderligere har line-height: også noget at sige..



padding:0px;
line-height: 0px;
Avatar billede jokkejensen Novice
30. april 2007 - 20:51 #4
how - ja lineheight skal nok ikke være 0px.. men du fanger den nok..
Avatar billede roenving Novice
01. maj 2007 - 00:32 #5
Arbejd også med padding o.l., så kan det være at det lykkes !-)
Avatar billede steen-h Mester
01. maj 2007 - 06:21 #6
Padding giver den ønskede effekt i FF men ingen effekt IE,
så det er åbenbart IE som ikke følger standarden.
Avatar billede jokkejensen Novice
01. maj 2007 - 20:46 #7
Og du har husket line-heigt ?

kan vi se noget CSS, kører du quirksmode ?

/JJ
Avatar billede jokkejensen Novice
01. maj 2007 - 20:47 #8
line-height
Avatar billede steen-h Mester
02. maj 2007 - 05:29 #9
input{
        font-size : 9px;
        background-color: #C0C0C0;
        border          : 1px solid;
        color          : #000000;
        padding        :  0;
        line-height    : 9px;

}
Line-height gør i IE at teksten står øverst i knappen, der er den samme luft ved enderne.

Jeg ved ikke om jeg kører quirksmode, ved ikke hvad det er.
Avatar billede olebole Juniormester
03. maj 2007 - 15:35 #10
<ole>

"så det er åbenbart IE som ikke følger standarden." >> Jamen, det kræver vist, der findes en standard for, hvordan en knap skal renderes ... det gør der ikke  =)

Hvis du sætter IE i quirks mode, disabler du basale og store dele af CSS. Du kan evt. skrive:
    java script:alert(document.compatMode)

- i adressefeltet i Explorer og trykke 'Return'. Så skal du få en alert med teksten: 'CSS1Compat'. Gør du ikke det, er IE gået quirks ... læs mere:
    http://msdn2.microsoft.com/en-us/library/bb250395.aspx

- specielt under: The !DOCTYPE "Switch"

/mvh
</bole>
Avatar billede steen-h Mester
03. maj 2007 - 17:45 #11
Jeg får godtnok en alert med teksten CSS1Compat, så siden er ok.

Jeg kan validere den med få fejl, der er lidt med nogle farver som melder fejl, dem skal jeg have kikket på.
Avatar billede steen-h Mester
11. maj 2007 - 07:51 #12
Lukker
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