Avatar billede eikhorsholm Nybegynder
06. maj 2005 - 20:39 Der er 15 kommentarer og
1 løsning

Margen på tekst?

Er det rigtig at der er en slags margen på alm. tekst i HTML?
Det virker som om med mig at der er 3px foroven og 2px forneden.
Er det muligt at fjerne dette, så der er 0px hele vejen rundt?

Skal bruge til det teksten i min menu.
Avatar billede schwarz84 Nybegynder
06. maj 2005 - 21:14 #1
Ja, og nej.
Det er muligt, men Internet Explorer har en fejl i sin måde at vise sider på der gør at der i nogle tilfælde opstår et hul på 3px, også selv om du har sat margin til 0. Hvis det er det, der sker for dig, kan du se på http://www.positioniseverything.net/explorer/threepxtest.html. Her findes dokumentation for fejlen og hjælp til at omgå den.

Hvis du ikke ønsker at have en margin, kan du simpelthen skrive:
padding:0;
margin:0;
for det pågældende element og det vil stå helt op ad det ved siden af.
Avatar billede eikhorsholm Nybegynder
08. maj 2005 - 22:42 #2
Hmm. Tror ikke helt det er det problem jeg har.
Det er i samtlige browsere der er den afstand jeg snakker om. Jeg går ud fra det er standard at have en slags margen omkring tekst, for at gøre det nemmere at læse.

Men i min menu, vil jeg gerne have at der slet ingen margen er omkring teksten, som hvis jeg havde lavet det som grafik og klippet teksten ud.
Avatar billede apo Praktikant
10. maj 2005 - 20:53 #3
Kan det skyldes at din tekst er omkranset af <p>Din tekst</p>? <p> eller paragraph indsætter automatisk en margin som du omtaler her :-)

Apo
Avatar billede eikhorsholm Nybegynder
10. maj 2005 - 23:16 #4
Det er f.eks. med:

<table>
  <tr>
    <td style="background-color: #800000; padding: 5px;">blablabla</td>
  </tr>
</table>

Så er der faktisk i stedet 8px foroven, 7px forneden og 6px i venstre side (højre er ligemeget).

Her vil jeg kun have 5px hele vejen rundt.
Avatar billede apo Praktikant
13. maj 2005 - 21:25 #5
Har du forsøgt med:

<table callspacing="0" cellpadding="0">
  <tr>
    <td style="background-color: #800000; padding: 5px;">blablabla</td>
  </tr>
</table>

Apo
Avatar billede apo Praktikant
13. maj 2005 - 21:26 #6
Rettelse:

<table cellspacing="0" cellpadding="0">
  <tr>
    <td style="background-color: #800000; padding: 5px;">blablabla</td>
  </tr>
</table>

Apo
Avatar billede olebole Juniormester
13. maj 2005 - 21:47 #7
<ole>

Nej, der er nøjagtig 5px luft hele vejen rundt. En tekst-linie er jo højere end bogstaverne ... ellers ville der jo ikke være luft mellem linierne, når man skrev et stykke tekst over flere linier  ;o)

Det er p.gr.a. liniehøjden, du fejlagtigt tror, der er mere end 5px luft for oven og forneden. Det er der ikke  :)

/mvh
</bole>
Avatar billede apo Praktikant
13. maj 2005 - 21:55 #8
Ole > Den manglende angivelse af cellspacing og cellpadding betyder vel også, at der kommer ekstra luft omkring teksten...

Apo
Avatar billede olebole Juniormester
13. maj 2005 - 22:00 #9
Johh, det hjælper jo alt sammen  ;o)

cellpadding er det, vi sætter med de 5px - men cellspacing vil der opstå mellem cellerne, hvis man ikke angiver andet (- kender det kun alt for godt med mine egne celler *LooL*).

Enten:
  <table style="border-collapse:collapse">

- eller:
  <table cellspacing="0">
Avatar billede apo Praktikant
13. maj 2005 - 22:22 #10
Hehe, kender det selv men er efterhånden blevet god til at huske, at sætte cellspacing til 0 (Det er lidt frustrerende når man efter noget tids undren opdager, at det kun var det der manglede før det så ud som det skulle :-D )

Så cellspacing="0" kan i stedet angives via CSS med: style="border-collapse:collapse" - Og giver nøjagtig det samme resultat?
Avatar billede olebole Juniormester
13. maj 2005 - 22:28 #11
Yups ... du kan kikke nærmere på den og resten af 'border-modellen' her:
    http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse
Avatar billede apo Praktikant
13. maj 2005 - 22:42 #12
Så ved jeg det :-)
Avatar billede eikhorsholm Nybegynder
15. maj 2005 - 18:39 #13
olebole --> det er netop den luft mellem linjerne som jeg ønsker fjernet, som jeg prøvede at forklare i min første kommentar.
Har både border-collapse: collapse osv. osv.
Avatar billede olebole Juniormester
15. maj 2005 - 19:33 #14
Der må være noget, du har misforstået. Det luft, der er mellem linierne, er defineret i hver enkelt tekst - og den varierer fra skrift til skrift. Det er der ikke nogen defineret metode til at slippe af med.

Du kan prøve at rode med line-height property'en, som du kan sætte til en eller anden px-værdi, du må forsøge dig frem til:
  <ELEMENT style="font-size:14px;line-height:10px">En tekst</ELEMENT>
Avatar billede eikhorsholm Nybegynder
16. maj 2005 - 00:13 #15
olebole --> line-height gør arbejdet. Tak :-)
Laver du ikke et svar, så er pointene dine.

Alle andre, også tak for jeres svar, men det var line-height som løste problemet. Udtrykte nok ikke mit spørgsmål ordentligt, sorry!
Avatar billede olebole Juniormester
16. maj 2005 - 01:56 #16
- selvtak  :)
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