Avatar billede webcreator Nybegynder
19. juli 2004 - 21:16 Der er 20 kommentarer og
1 løsning

Tabeller og CSS

Hej Eksperter.

Jeg har sat en class i alle mine <td>'er, og tænkte, at jeg da måtte kunne sætte dem i mine <table>'er, hvormed de ville gælde for alle <td>'er. Dette viste sig at være korrekt.

Jeg har nu flg. :

<table class="test">
<tr>
  <td>Her virker class=test</td>
  <td class="test2">Testing</td>
</tr>
</table>

Hvad sker der i 2. <td>? Så vidt jeg kan se "overskriver" den class="test". Men er det lovligt at gøre dette?
Avatar billede webcreator Nybegynder
19. juli 2004 - 21:19 #1
Kan (og må jeg) forresten lave noget i retning af :

<table class="text" class="leftAlign">

Det er klart at jeg også kunne lave det sidste med style=""
Avatar billede roenving Novice
19. juli 2004 - 21:20 #2
Det er sådan Cascading funger i css (Cascading stylesheets !-)

Se også:

http://www.eksperten.dk/spm/521093#rid4780821
Avatar billede dark-devil Nybegynder
19. juli 2004 - 21:20 #3
Lad og se hele koden med css hvor test2 ligger.
Avatar billede roenving Novice
19. juli 2004 - 21:21 #4
Nej, du skal så:

<table class="text leftAlign"><!-- Et mellemrum som mellemslag er obligatorisk !-) -->
Avatar billede roenving Novice
19. juli 2004 - 21:21 #5
>>dark-devil

Hvadfor ?-)
Avatar billede dark-devil Nybegynder
19. juli 2004 - 21:23 #6
Jeg ved ik, jeg fatter hat af DHTMl,CSS, Js :)
Avatar billede webcreator Nybegynder
19. juli 2004 - 21:24 #7
Roenving > Aha, man kan altså bruge flere classes på en gang - smart!

Dark > Ja, hvorfor ? ;-)
Avatar billede webcreator Nybegynder
19. juli 2004 - 21:25 #8
Så kan jeg jo optimere en hel del nu.

Roenving > Hvad betyder nested forresten? Har stødt på ordet flere steder - ofte i forbindelse med tabel-opbygning - så vidt jeg husker
Avatar billede roenving Novice
19. juli 2004 - 21:32 #9
Undskyld forkert link:

http://www.eksperten.dk/spm/520670#rid4778618

Nested betyder lagt inde i et andet element, to simple eksempler:

-- hvis du lægger et billede inde i et link, så man kan klikke på billedet, og bruge linkets href, har man nestet billedet inde i link-tagget ...

-- Når du laver en tabel ligger table-tagget udenom resten af tabellen, rækker og kolonner er nestet inde i tabellen ...

Og udtrykket stammer fra det engelske ord (fugle)rede, og betegner altså på samme måde, som reden ligger hele vejen rundt om æggene/ungerne, at underne ligger inde i !-)
Avatar billede webcreator Nybegynder
19. juli 2004 - 21:36 #10
Hehe, ok - jeg siger tak for den fine udredning :)

Jeg har lige et tillægsspørgsmål - if you don't mind :

Hvis jeg har to classes :
<div class="test1 test2">Eksperten.DK</div>

.test1 {
  font-size: 11px;
  color: #000000;
}

.test2 {
  font-size: 11px;
  color: #C0C0C0;
}

Så går jeg ud fra, at test2 "overskriver" color-egenskaben fra test1, hvormed teksten bliver grå, korrekt? Lovligt?
Avatar billede roenving Novice
19. juli 2004 - 21:40 #11
Korrekt, og det sker også her:

<div class="test2 test1">Eksperten.DK</div>
Avatar billede webcreator Nybegynder
19. juli 2004 - 21:43 #12
Yes, der må det så være test1 der "vinder", hvormed teksten bliver sort :)

Jeg siger mange tak for gode svar. Og nu vi snakker svar, kunne du så ikke smide et sådan, Roenving ?:)
Avatar billede roenving Novice
19. juli 2004 - 21:43 #13
Forøvrigt er det selvfølgelig lovligt, for hvis du sætter en font-family på body, vil den jo gælde overalt i dokumentet, den cascader ned igennem dom-træet til de elementer, som er nestet inde i body-tagget ...

Men det er selvfølgelig lovligt at sætte en font-family på et element, altså skal du overskrive en allerede defineret font-family på det element (og alle de, som er nestet inde i det !-)
Avatar billede roenving Novice
19. juli 2004 - 21:43 #14
Nej !-)

Teksten er stadig grå, fordi definitionen af test2 ligger bagefter definitionen af test1 !o]
Avatar billede roenving Novice
19. juli 2004 - 21:46 #15
Uanset rækkefølgen af classes og tildels også nærhed, vil det altid være det sidste fuldstændigt korrekte match på en selector/property-definition, som virker, se iøvrigt på linket for et andet common eksempel !-)
Avatar billede roenving Novice
19. juli 2004 - 21:47 #16
Nåeh jo ...

Velbekomme '-)

-- jeg fik jo også lige benyttet lejligheden til at få opsamlet nogle af de gange, hvor jeg har udfoldet mig i stakkevis af ord *g*
Avatar billede roenving Novice
19. juli 2004 - 21:47 #17
;O)
Avatar billede webcreator Nybegynder
19. juli 2004 - 21:56 #18
Hehe ;-)
Avatar billede webcreator Nybegynder
19. juli 2004 - 22:03 #19
Sorry - tror lige der dukkede et turbo-spørgsmål op igen.

Hvis jeg har en class i mit body-tag, så synes jeg ikke jeg har held til at få det til at virke i en table. Dvs. at tekst-formateringen angivet i body, ikke gælder i mit <td>.
Er dette normalt?
Avatar billede roenving Novice
19. juli 2004 - 22:23 #20
Ja, der er en række begrænsninger i hvordan forskellige properties cascades ...

Derfor brugte jeg også font-family på body-tagget, da den stort set arves til alle elementer, men præcis en række tekst-properties arves ikke til tabel-elementerne fra det omkransende element ...

Du kender garanteret også det problem med a-tags, som skal styles for sig selv, for ellers bliver farven på et link browserens standard-indstilling, og det er altså ikke nyttigt med den farve på en blå baggrund !-)

Jeg kan ikke angive nogle regler for det, men de mest almindelige begrænsninger lærer du hurtigt, og de mere specielle for form-elementer lærer man tidsnok, når man støder ind i dem !o]

Mens f.eks. border-properties kun i helt specielle tilfælde cascades -- og jeg kender ingen af dem ...
Avatar billede webcreator Nybegynder
19. juli 2004 - 22:27 #21
Ok, så er jeg helt med. Jeg har stødt på en del begrænsninger mht. tables og forms, men dem klare jeg nok - tusind tak.. igen ;)
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