Ik ben dus bezig met het maken van een gallerij van wat foto's. En nu moet er een blauwe rand om de foto's heen wat m.b.v. CSS gebeurt en wel met de volgende class:
Alleen is het probleem dat de border rond de foto's paars wordt. Terwijl er in het stijlblok niks van paars te vinden is. De rest van het stijlblok:
Verder bekijk ik de pagina met IE 6.0 en worden de foto's als volgt in de pagina verwerkt:
Dus waar zit de fout waardoor de border paars wordt?
code:
1
| .scrnshot { border: 3px solid #0066CC } |
Alleen is het probleem dat de border rond de foto's paars wordt. Terwijl er in het stijlblok niks van paars te vinden is. De rest van het stijlblok:
code:
1
2
3
4
5
6
7
8
9
10
11
| body { font-family: arial, helvetica, sans-serif; color: #0066CC; background-color: #B9DBF5; }
h1, h2, h3, h4, h5, h6, p, td, th, div { font-family: Arial, Helvetica, sans-serif; }
body, p, td, th, div { font-size: 10pt; font-weight: bold; }
.title { font-weight: bold; font-size: 30pt; color: #0066CC; background-color: #B9DBF5; }
.subtitle { font-weight: bold; font-size: 20pt; color: #336699; }
.newsheader { font-size: 10pt; color: #FFFFFF; }
.scrnshot { border: 3px solid #0066CC; }
.small { font-size: 8pt; }
A:link { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
A:visited { font-weight: bold; color: #0066CC; background-color: #B9DBF5; }
A:active { font-weight: bold; color: #0066CC; background-color: #B9DBF5; } |
Verder bekijk ik de pagina met IE 6.0 en worden de foto's als volgt in de pagina verwerkt:
code:
1
2
| <td width="125" height="100" bordercolor="#B9DBF5"><div align="center" class="scrnshot"><a href="#"
onClick="MM_openBrWindow('/(bla)/s4ms105.jpg','','')">[img]"/(bla)/s4ms105s.jpg"></a></div></td[/img] |
Dus waar zit de fout waardoor de border paars wordt?