Toon posts:

[css+html] FF inherit kleuren wel maar IE niet

Pagina: 1
Acties:

zaterdag 22 oktober 2005 22:41

Acties:
  • Menthix
  • Registratie: November 2001
  • Laatst online: 17-02 21:23

Menthix

Topicstarter
HTML:
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><title>blah</title>

<style type="text/css">

div.studentcolor2 {
  color: #8D25C2;
  border-color: inherit;
}

div.docentcolor2 {
  color: #00A6D6;
  border-color: inherit;
}

div.studentcolor3 {
  border-color: #99FF66;
}

div.docentcolor3 {
  border-color: #EA9700;
}

div.boxleft {
  margin: 0 10px 10px 10px;
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  position:relative;
  left:0px;
  top:10px;
  width:192px;
}
div.subsitemenu h1, div.subsitemenu h1 a {
  margin: 2px 0 2px 0;
  font-size: 14px;
  text-decoration: none;
  color: inherit;
}

div.subsitemenu h2, div.subsitemenu h2 a {
  margin: 2px 0 2px 0;
  font-size: 11px;
  text-decoration: none;
  color: inherit;
}

div.subsitemenu h2 a:hover {
  margin: 2px 0 2px 0;
  font-size: 11px;
  text-decoration: underline;
  color: inherit;
}

div.subsitemenu h3, div.subsitemenu h3 a {
  margin: 2px 0 2px 0;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

div.subsitemenu h1 a:hover {
  margin: 2px 0 2px 0;
  font-size: 14px;
  text-decoration: underline;
  color: inherit;
}

div.subsitemenu p1, div.subsitemenu p1 a {
  margin: 2px 0 2px 0;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}

div.subsitemenu a {
  font-size: 10px;
  margin: 2px 0 2px 0;
  color: inherit;
  text-decoration: none;
}

div.subsitemenu a:hover {
  font-size: 10px;
  margin: 2px 0 2px 0;
  color: inherit;
  text-decoration: underline;
}

</style>

</head>



<body>
  <div class="docentcolor3">
    <div class="boxleft subsitemenu">
      <div class="docentcolor2">
        <h2><a href="http://www.x.com/">A H2 link</a></h2> 
      </div>    
    </div>
  </div>
</body>



</html>

Zie output hier: http://www.menthix.com/csstest.html

Firefox laat een orange border zien en een blauwachtige tekst (zoals het zou moeten?). IE laat gewoon zn standaard kleuren zien, lijkt erop dat de kleuren niet inherited worden. CSS en HTML zijn beide valid. Hoe los ik dit op zonder tevel af te wijken van het origineel?

Menthix.net | Contact Me

zaterdag 22 oktober 2005 22:44

Acties:
  • Alex)
  • Registratie: Juni 2003
  • Laatst online: 12-12-2025

Alex)

Misschien komt het doordat IE inherit niet helemaal goed ondersteund, probeer iets anders?

We are shaping the future

zaterdag 22 oktober 2005 22:53

Acties:
  • Menthix
  • Registratie: November 2001
  • Laatst online: 17-02 21:23

Menthix

Topicstarter
Dat gevoel had ik zelf ook al. Ik moet persee de kleur van de border en text kunnen aanpassen vanuit de <body> (code is onderdeel van een veel groter script). "<div class="docentcolor3">" had ik makkelijk kunnen aanpassen binnen de body, maar als IE dat niet slikt, wat is dan het beste alternatief?

Echt veel kennis van css heb ik eigenlijk niet.

Menthix.net | Contact Me

zaterdag 22 oktober 2005 22:59

Acties:
  • Alex)
  • Registratie: Juni 2003
  • Laatst online: 12-12-2025

Alex)

In je CSS de kleuren meegeven, dus:
Cascading Stylesheet:
1
2
3

.docentcolor3 a, .docentcolor2 a, .docentcolor1 a  {
  color: #000;
}

Bijvoorbeeld.

Dan worden de attributen op alles in de eerste regel toegepast, via een aparte css kun je dan nog evt. wat toevoegen (bold, italic, under- overline ofzo)

We are shaping the future

Reageer