Toon posts:

Style sheet -> uitzondering

Pagina: 1
Acties:

woensdag 7 november 2001 22:28

Acties:

Verwijderd

Topicstarter
Ik heb een website gemaakt met tables.
Ik heb een style sheet gedefinieerd in een .CSS bestand.

Nou heb ik o.a. 1 table waar de content komt (witte achtergrond) en 1 table waar de evt. links komen (donkerblauwe achtergrond).

Ik wil graag een uitzondering in de style sheet voor de "links" op de donkerblauwe achtergrond. Ik weet dat je in je <a href=""> kunt opnemen: class="menu" o.i.d., maar dit wil ik niet.
Ik wil ook bv de fonts etc anders definieren en dat graag VOOR de table al doen, zodat er niet steeds met class="" gewerkt hoeft te worden.

Ik weet alleen niet hoe dit moet, iemand enig idee?

woensdag 7 november 2001 22:36

Acties:

Verwijderd

je zou het volgende kunnen proberen:
code:
1
2
3
4
5
6

table.blauw tr td a {
  background-color: #000066;
}
table.wit tr td a {
  background-color: #ffffff;
}

Ik heb het niet getest, maar volgens mij moet dit werken.
{background-color: #ffffff;} heeft dus invloed op alle links die in een td in een tr van een table.wit staan enzo :)

Probeer ze :)

[edit]
Nu heb ik het wel even getest, het werkt :)
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <title>Test</title>
        <style>
            body {
                background-color: #cccccc;
            }
            table.blauw tr td p {
                background-color: #66ccff;
            }
            table.wit tr td p {
                background-color: #ffffff;
            }
        </style>
    </head>
    <body bgcolor="#ffffff">
        <table class="wit">
            <tr>
                <td>
                    <p>Wit</p>
                </td>
            </tr>
        </table>
        <table class="blauw">
            <tr>
                <td>
                    <p>Blauw</p>
                </td>
            </tr>
        </table>
    </body>
</html>

donderdag 8 november 2001 00:31

Acties:
  • RM-rf
  • Registratie: September 2000
  • Laatst online: 20:06

RM-rf

1 2 3 4 5 7 6 8 9

Op woensdag 07 november 2001 22:28 schreef Hyperion het volgende:
Ik wil graag een uitzondering in de style sheet voor de "links" op de donkerblauwe achtergrond. Ik weet dat je in je <a href=""> kunt opnemen: class="menu" o.i.d., maar dit wil ik niet.
Ik wil ook bv de fonts etc anders definieren en dat graag VOOR de table al doen, zodat er niet steeds met class="" gewerkt hoeft te worden.

Ik weet alleen niet hoe dit moet, iemand enig idee?
goede keuze voor CSS, dit kan inderdaad uiteindelijk al je vragen oplossen (zeker als de browsers eindelijk eens stevig CSS2 en CSS3 gaan ondersteunen) je vragen oplossen (* RM-rf gaat een beetje als wasmiddel reclame klinken, CSS, totaal vernieuwd, lost al je problemen op')

de A HREF's kun je bijvoorbeeld oplossen door
code:
1
2
3

A {
  background-color: #000066;
}

kijk dan ook eens naar de pseudo-classes, als A:link, A:hover en A:visited

om je fonts te definieren, bv:
code:
1
2
3
4

BODY, TABLE, TD {
   font-family: "Totally Utter Strange Font"
   font-size: 14pt;
}

normaal zou je kunnen voldoen door enke de BODY te definieren, echter 4.0 browsers kennen de bug dat styles binnen een table niet ge-inherited worden, daarom kan het zin hebben om de TABLE (evt. de TD) extra te definieren

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

Reageer