Avatar billede Jman Praktikant
31. juli 2003 - 10:09 Der er 11 kommentarer og
1 løsning

Text-align - generelt

Kan man ikke sætte Text-align, så det gælder alle klasser, istedet for at skulle sætte det ind i hver enkelt klasse ?
Avatar billede Jman Praktikant
31. juli 2003 - 10:10 #1
jeg mente selvfølgelig margin, men princippet er det samme. Uddybning:
Jeg vil have
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 5px;
    margin-bottom : 5px;
som generelle margins på alle klasser
Avatar billede Slettet bruger
31. juli 2003 - 10:26 #2
Du skriver bare alle dem det skal gælde for som selector på din rule:

.class1, .class2, .classX {
  margin: 5px;
}

("margin" er en shorthand-syntax, der sætter alle 4 på een gang.)

/CS
Avatar billede Jman Praktikant
31. juli 2003 - 10:38 #3
hmm - det lyuder rigtigt, men jeg kan ikke få det til at virke - jeg leger lige videre med det ....
Avatar billede Slettet bruger
31. juli 2003 - 10:46 #4
Kommer jo an på hvad du mener med "klasser" - hvis du mener dem man refererer til vha. class attributten i HTML, så er punktum-notationen korrekt.

Du skal også vide at vertikale margins "kollapser" - Hvis du f.eks. har flg.:

<p class="p1">
  jhgdfjhgd jfd jhgdf
</p>
<p class="p2">
  kjhsdkjhs skjhsd kjhsd s sdkjhsd
</p>

- og har defineret margin til 10px, så vil der kun være 10px, vertikalt imellem de to afsnit - IKKE 20px. Den største af de to sammenlagte margins "vinder", så at sige...

/CS
Avatar billede Jman Praktikant
31. juli 2003 - 10:52 #5
det er jeg med på - problemet er at jeg slet ikke får margin på
Kan det skyldes at der ligger en margin: 0; i body ?
se evt. mit css indtil videre:
BODY{
    background-color: B8B889;
    Margin: 0;
    overflow: hidden;
    scrollbar-face-color: FFFFFF;
    scrollbar-highlight-color: FFFFFF;
    scrollbar-3dlight-color: E5E5E5;
    scrollbar-darkshadow-color: C5C5C5;
    scrollbar-shadow-color: E5E5E5;
    scrollbar-arrow-color: FF6B00;
    scrollbar-track-color: FFFFFF;
    }


.TxtBlackBg, .TxtBlackBgSmall{
    Margin-Left: 5px;
    Margin-Right: 10px;
    Margin-Top: 0px;
    Margin-Bottom: 0px;
    }

A:Visited{
    Color : #5F5F5F;
    Text-Decoration : None;
    font-weight: bold;
    }

A:link{
    Color : #5F5F5F;
    Text-Decoration : none;
    font-weight: bold;
    }

A:hover{
    Text-Decoration : none;
    }

.TxtBlackBg
{
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana, arial, Helvetica;
    FONT-weight: Normal;
    }

.TxtBlackBgSmall
{
    FONT-SIZE: 9px;
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana, arial, Helvetica;
    FONT-weight: Normal;
    }
Avatar billede Slettet bruger
31. juli 2003 - 11:05 #6
Nej - det kan ikke være den på <body> - tilgengæld kan det jo være at det du *egentlig* vil have er padding? (Jeg spørger, da jeg ikke har set siden - ignorér venligst, hvis du har fuldstændig styr på det :-)

Har du en URL?

/CS
Avatar billede Jman Praktikant
31. juli 2003 - 11:14 #7
nej, desværre.. ingen url - det er et intranet
Men hvis jeg f.eks. har
<td class="TxtBlackBgSmall" width="275" height="14" bgcolor="#000000">Admin  |  Forslag  |  F.A.Q.</td>
Er jeg nødt til at smide en &nbsp; ind foran Admin, for at få luft foran teksten
Avatar billede Slettet bruger
31. juli 2003 - 11:35 #8
Aaahhh! - tabeller opfører sig jo helt specielt. Men det er altså padding du skal bruge så.

/CS
Avatar billede Jman Praktikant
31. juli 2003 - 11:42 #9
æv - det kan jeg ikke bruge. Jeg har nemlig grafik, der udgør rammen, og det skal gå til kant. Tak for hjælpen anyways !
Avatar billede Slettet bruger
31. juli 2003 - 11:48 #10
Jamen så læg margin/padding på selve teksten (går ud fra det er links):

<td class="TxtBlackBgSmall" width="275" height="14" bgcolor="#000000"><a href="admin">Admin</a>  |  ... </td>

.TxtBlackBgSmall a { margin-left: 5px; }

/CS
Avatar billede Jman Praktikant
31. juli 2003 - 13:17 #11
det er også det jeg r kommet frem til - men jeg ville bare have undgået at skulle proppe det ind i enhver class
Avatar billede roenving Novice
31. juli 2003 - 15:04 #12
td *{
margin-left:5px;
}

skulle klare den ...

-- og fjern så _alle_ store bogstaver fra dit stylesheet (nåja undtaget fra navne som Verdana, Arial og Helvetica !-) -- de virker måske ikke når en anden browser ser dem ...
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