Avatar billede naquer Nybegynder
05. januar 2004 - 16:59 Der er 17 kommentarer og
1 løsning

Marginer i bestemte 'Table Datas' <TD>

Hej

Jeg har noget tekst i nogle <TD> som jeg gerne vil have marginer på. Jeg ved man kan bruge CSS til det, og skrive f.eks: td {  margin-top: 100px;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-left: 70px; }   

Men problemet er at jeg ikke vil have det til at effektere alle <TD> men kun nogle jeg bestemmer. Hvordan er det nu jeg kan gøre det? Så vidt jeg husker er der noget der hedder <DIV> og <SPAN>, men jeg kan ikke helt huske om de kan bruges i sådanne sammenhænge og hvordan. Så er der nogen der kan fortælle mig hvordan jeg smartest kan gøre det?

-Mikkel
Avatar billede nak-m Nybegynder
05. januar 2004 - 17:03 #1
Kan du ikke bare give de td's, der skal have den margin en class, der gør det?
Avatar billede skovenborg Nybegynder
05. januar 2004 - 17:03 #2
du kan bare lave en class der hedder:
.celle
{margin-top: 100px;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-left: 70px; }
og så skriver du:
<td class="celle"> ved dem der skal have margener.
Avatar billede roenving Novice
05. januar 2004 - 17:03 #3
Sæt en class på dem, du vil indstille det på:

.textTd{
  margin: 100px 40px 10px 70px;
}

<td class="textTd">
Avatar billede skovenborg Nybegynder
05. januar 2004 - 17:03 #4
...præcis som nak-m skriver ;-)
Avatar billede roenving Novice
05. januar 2004 - 17:05 #5
4 indlæg = 34 sekunder !-)
Avatar billede naquer Nybegynder
05. januar 2004 - 17:06 #6
Tak for hjælpen. Utroligt så hurtige folk er i det her forum ;)
Avatar billede roenving Novice
05. januar 2004 - 17:11 #7
-- og samle-propertyen kan være lidt uoverskuelig, hvis ikke man ved, at den opfører sig ligesom et ur: starter i toppen og går højre om !-)
Avatar billede naquer Nybegynder
05. januar 2004 - 17:11 #8
Nu har jeg et andet problem. Når jeg sætter class på den første <TD> og giver det en margin virker det fint, men så snart jeg begynder at give andre <TD> en class, virker det ikke ved dem, men stadig kun ved den første, hvordan kan det være?
Avatar billede skovenborg Nybegynder
05. januar 2004 - 17:13 #9
kunne du vise noget kode???
Avatar billede roenving Novice
05. januar 2004 - 17:13 #10
Har du prøvet de simple, opdater browseren for alvor (ctrl+f5) osv. ?-)
Avatar billede naquer Nybegynder
05. januar 2004 - 17:23 #11
Jeg bruger dreamweaver til at redigere i mine hjemmesider, men jeg kan da godt sende lidt af koden:

<style type="text/css">
<!--
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #7e8eb3;
}
td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #DEE2EA;
    margin: 0px;
}
-->
</style>
<style type="text/css">
<!--
.celle {
    margin-right: 10px;
}
-->
</style>
<style type="text/css">

her er den <TD> hvor det virker:

  <td height="74" valign="top" class="celle">Blah blah <p>blahblah
                    blahblah.</p></td>


Her er den hvor det ikke virker:

<td height="134" valign="top" class="celle">
   
              Blah <br>
                  Blah


<p>Blahblah<br>
                  </p></td>
Avatar billede naquer Nybegynder
05. januar 2004 - 17:26 #12
ups, faktisk virker det ikke i nogen af mine td'er det var bare tilfældigt at teksten i den ene <TD> var sat op så det så ud som om der var en margin på 10 px. Hvad kan jeg gøre forkert?
Avatar billede skovenborg Nybegynder
05. januar 2004 - 17:48 #13
Jeg skal lige høre: Skal du have et mellemrum fra cellens kant og ind til teksten???

I så fald skal du bruge padding istedet for margin.
Jeg har også en anelse om at margin i dit tilfælde ikke gør noget visuelt - sådan er det nogle gange med tabeller. Kan ikke lige umiddelbart forklare hvorfor.
Avatar billede nak-m Nybegynder
05. januar 2004 - 17:53 #14
margin sætter jo kun grænserne udenfor td'en, hvis du vil flytte på teksten indeni, skal du bruge padding, som skovenborg siger:

.celle {
  padding-right: 10px;
}
Avatar billede naquer Nybegynder
05. januar 2004 - 18:05 #15
Nu virker det :)  Vil det sige at marginer slet ikke virker i sammenhæng med tabeller?
Avatar billede nak-m Nybegynder
05. januar 2004 - 18:19 #16
Jo, margin virker fint, men bare lidt anderledes.
Hvis du fx vil sørge for at presse alt udenfor td'en væk, skal du bruge margin.
Og hvis du vil presse alt indenfor td'en indad, skal du bruge padding.
Så på en måde er de modsætninger.
Avatar billede nak-m Nybegynder
06. januar 2004 - 00:06 #17
Jeg smider et svar
Avatar billede nak-m Nybegynder
06. januar 2004 - 00:06 #18
nu
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