Avatar billede c-sharp Nybegynder
20. marts 2007 - 08:19 Der er 7 kommentarer og
1 løsning

Afstand mellem span tags

Jeg har nogle span-tags som står underhinanden, men de holder ikke afstand til hinanden hvordan får jeg dem til det?

Jeg har følgende kode:

<div>
 
    <span id="Generel" style="padding:3px;border:1px solid blue;font:normal 11px Tahoma;background-color:#ddddee;">test</span><br />
    <span id="Span1" style="padding:3px;border:1px solid blue;font:normal 11px Tahoma;background-color:#ddddee;">test</span><br />
      <span id="Span2" style="padding:3px;border:1px solid blue;font:normal 11px Tahoma;background-color:#ddddee;">test</span>

  </div>
Avatar billede mcardle Nybegynder
20. marts 2007 - 10:35 #1
Det er fordi du har padding på... Du skal bare lave en margin-top: 5px; eller noget i den stil. Prøv dig frem med pixlerne. Hvis det ikke virker, så er du nød til at lave dobbelt <br />

// mcardle
Avatar billede c-sharp Nybegynder
20. marts 2007 - 11:52 #2
Margin virke slet ikke på span, Kan jeg ikke gøre det på andre måder end at skulle lave dobbelt <br/>?
Avatar billede mcardle Nybegynder
20. marts 2007 - 12:29 #3
Hmm, det mener jeg ikke. Du kan lave så der ikke er noget top på den nederste.

padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 0px;
Avatar billede johan.o Nybegynder
20. marts 2007 - 12:54 #4
Jeg tror det er fordi du ikke ændre din line-height.

Når du sætter padding på et span så ændres line-height ikke automatisk og derfor ligger dine spans sig ovenpå hinnanden. Du kan prøve det her :

<div style="font:normal 11px/1.9 Tahoma;">
<span id="Generel" style="padding:3px;border:1px solid blue;background-color:#ddddee;">test</span><br>
<span id="Span1" style="padding:3px;border:1px solid blue;background-color:#ddddee;">test</span><br>
<span id="Span2" style="padding:3px;border:1px solid blue;background-color:#ddddee;">test</span>
</div>

Jeg har sat font definitionen på den omkrandsende div istedet og 11px/1.9 betyder font-size: 11px; line-height: 1.9;

Mvh. Johan
Avatar billede johan.o Nybegynder
20. marts 2007 - 12:56 #5
Og så fjernede jeg lige dine / i br, men dem kan du nok selv sætte på igen :)
Avatar billede c-sharp Nybegynder
20. marts 2007 - 13:26 #6
johan.o det var det jeg skulle bruge, mange tak for det :-)

Kast et svar så er der point til dig!
Avatar billede johan.o Nybegynder
20. marts 2007 - 13:38 #7
Okeydokey.
Avatar billede johan.o Nybegynder
20. marts 2007 - 14:00 #8
Takker :)
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