W3C CSS Validator Resultaten met object : http://www.tcm.phy.cam.ac.uk/impact/software.html (CSS versie 3)

Gefeliciteerd! Geen fouten gevonden.

Dit document is gevalideerd als CSS versie 3 !

Om uw lezers te laten zien dat u de moeite heeft genomen om een interoperabele webpagina te maken, kunt u dit pictogram op elke gevalideerde pagina plaatsen. Hier is de HTML code die u kunt gebruiken om dit pictogram aan uw webpagina toe te voegen:

Valide CSS! 
<p>
    <a href="http://css-validator.org/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://css-validator.org/images/vcss.png"
            alt="Valide CSS!" />
    </a>
</p>
Valide CSS! 
<p>
<a href="http://css-validator.org/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://css-validator.org/images/vcss-blue.png"
        alt="Valide CSS!" />
</a>
</p>

(Sluit de img tag met > in plaats van met /> als u HTML versie 4.01 of eerder gebruikt)

Als u wilt, kunt u een kopie van dit plaatje downloaden, in uw locale webdirectory zetten en in het XHTML fragment hierboven refereren aan uw lokaal opgeslagen afbeelding in plaats van aan die op deze server.

Als u een link wilt maken naar deze pagina (i.e. naar dit validatieresultaat om het gemakkelijker te maken deze pagina later te revalideren of anderen in staat te stellen uw pagina te valideren is de URL: 

http://css-validator.org/validator?lang=nl&profile=css3&uri=http%3A%2F%2Fwww.tcm.phy.cam.ac.uk%2Fimpact%2Fsoftware.html
or
http://css-validator.org/check/referer (Alleen voor HTML documenten)

(Of u kunt de huidige pagina toevoegen aan uw favorieten of hotlist.)

↑ Top

Waarschuwingen (5)

URI : http://www.tcm.phy.cam.ac.uk/impact/software.html

3 can't find the warning message for style-type
194 can't find the warning message for vendor-extension
195 can't find the warning message for vendor-extension
196 can't find the warning message for vendor-extension
197 can't find the warning message for vendor-extension

↑ Top

Uw gevalideerde Cascading Style Sheet :

body {
background-color : #888;
}
@media print {
.printerremoval {
display : none;
}
}
@media screen and (min-width : 545px) {
.column {
width : 45%;
margin : 0% 3% 0% 0%;
display : inline-block;
vertical-align : top;
}
.thin_column {
width : 33%;
display : inline-block;
vertical-align : top;
}
.english {
width : 40%;
padding : 0 8px;
margin : 0 0 8px 8px;
}
.show_when_narrow {
display : none;
}
}
@media screen and (max-width : 544px) {
.column {
width : 96%;
margin : 2% 2% 2% 2%;
display : inline-block;
}
.thin_column {
width : 96%;
margin : 2% 2% 2% 2%;
display : inline-block;
}
.show_when_wide {
display : none;
}
.english {
width : 100%;
}
}
.person {
display : inline-block;
width : 200px;
height : 300px;
overflow : hidden;
text-align : center;
margin-top : 20px;
margin-bottom : 10px;
position : relative;
vertical-align : top;
}
.person img {
height : 200px;
display : block;
margin : 0 auto;
}
.person_container {
width : 140px;
position : relative;
height : 200px;
overflow : hidden;
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 8px;
box-shadow : 0 0 10px #aaaaaa ;
}
.person_centerer {
width : 500px;
position : absolute;
left : 50%;
top : 0;
margin-left : -250px;
}
div.group_members {
width : 240px;
display : inline-block;
}
ul.group_list {
list-style-type : none;
padding : 0;
}
ul.group_list li {
padding : 0;
}
div.profile_details {
display : inline-block;
width : 490px;
overflow : hidden;
}
@media screen and (max-width : 1000px) {
div.group_members {
width : auto;
display : block;
clear : both;
text-align : left;
}
div.profile_details {
width : auto;
display : block;
overflow : hidden;
}
ul.group_list li {
display : inline;
}
ul.group_list li:after {
content : ', ';
}
ul.group_list li:nth-last-child(2):after {
content : ' and ';
}
ul.group_list li:last-child:after {
content : '.';
}
}
div.profile_details p {
margin : 9px;
}
div.group_members {
clear : both;
}
div.group_members p {
margin-bottom : 8px;
}
div.profile_top {
width : 100%;
clear : both;
}
img.rimg {
width : 40%;
padding : 4px;
}
@media screen and (min-width : 460px) {
div.person_image img {
width : 230px;
margin-top : 8px;
margin-bottom : 8px;
}
div.person_image {
float : left;
display : block;
}
div.profile_details {
padding : 0;
margin : 0 0 0 0;
vertical-align : top;
text-align : left;
}
div.profile_details p {
margin-right : 0;
margin-bottom : 0;
margin-top : 9px;
margin-left : 3%;
}
div.profile_top {
text-align : left;
}
}
@media screen and (max-width : 459px) {
div.person_image img {
float : none;
display : inline-block;
margin : 8px 0;
width : 280px;
}
div.profile_details {
display : inline-block;
}
div.profile_details {
text-align : left;
}
div.profile_top {
text-align : center;
}
}
div.prof_featured ul {
list-style : none;
margin : 8px;
padding : 0;
}
div.prof_featured span.pubs_title {
font-weight : bold;
}
div.prof_featured span.pubs_vol {
font-weight : bold;
}
.fullwidthcontent {
padding : 8px;
}
p.title {
margin : 0;
}
.english {
float : right;
background-color : #dddddd;
}
div.english > p {
padding-left : 8px;
padding-right : 8px;
}
.horizontal_divider {
background-color : #888;
margin-left : -8px;
margin-right : -8px;
padding-left : 8px;
padding-right : 8px;
border-top : 8px solid white;
border-bottom : 8px solid white;
margin-bottom : 8px;
width : 100%;
height : 10px;
clear : both;
}
div.main {
background : white;
padding : 0;
border : 0;
}
div.footer {
padding : 0 0 0 0;
margin : 0;
border : 0;
}
div.uoc {
padding : 8px 10px 0 50px;
}
div#Cantab1 {
border-width : 0;
height : 39px;
vertical-align : middle;
}
div#TCMtab {
width : 200px;
height : 10px;
}
@media all and (max-width : 1000px) {
div.footer {
padding : 0 0 0 0;
}
div.uoc {
padding : 8px 10px 0 5%;
}
}
@media all and (max-width : 550px) {
div.footer {
padding : 0;
}
}
@media all and (max-width : 850px) {
a#cav:before {
content : "Cavendish Lab";
}
div#TCMtab {
width : 130px;
height : 6px;
}
}
ul li {
padding : 4px 0 4px 0;
}
span.uld, ul.drop a {
display : block;
color : black;
text-decoration : none;
padding : 5px 10px;
}
span.uld:hover, ul.drop a:hover {
color : #fff;
}
ul.drop, ul.drop li, ul.drop ul {
list-style : none;
margin : 0;
padding : 0;
background : #dddddd;
color : black;
}
ul.drop {
position : relative;
z-index : 500;
float : left;
}
ul.drop li {
float : left;
line-height : 1.3em;
vertical-align : middle;
background : #dddddd;
padding : 0;
}
ul.drop li.hover, ul.drop li:hover {
cursor : default;
position : relative;
background : #900;
color : #fff;
}
ul.drop ul {
visibility : hidden;
position : absolute;
top : 100%;
left : 0;
}
ul.drop ul li {
float : none;
background : #e0b0b0;
}
ul.drop li:hover > ul {
visibility : visible;
}
div.reflow {
width : 100%;
height : 0;
}
.tab-link:hover {
background : #900;
color : #fff;
}
figure.subfigure {
width : 33%;
min-width : 240px;
float : right;
margin : 10px 10px;
background-color : #ffffff;
}
@media screen and (max-width : 480px) {
figure.subfigure {
width : 100%;
float : none;
margin : 0 0;
background-color : #ffffff;
}
}
figure.subfigureleft {
width : 33%;
min-width : 240px;
float : left;
margin : 10px 10px;
background-color : #ffffff;
}
@media screen and (max-width : 480px) {
figure.subfigureleft {
width : 100%;
float : none;
margin : 0 0;
background-color : #ffffff;
}
}
figcaption {
font-family : arial, Gadget, sans-serif;
color : #666666;
font-size : 14px;
text-align : justify;
}
a#privacy:link {
color : #cccccc;
text-decoration : none;
}
a#privacy:visited {
color : #ff9090;
text-decoration : none;
}
a#privacy:hover {
color : #ff9090;
text-decoration : none;
}
a#privacy:active {
color : #ff9090;
text-decoration : none;
}
a:link {
text-decoration : none;
color : #b80000;
}
a:visited {
text-decoration : none;
color : #b80000;
}
a.white:link {
color : white;
}
a.white:visited {
color : white;
}
h1 {
font-size : 22pt;
text-align : center;
font-weight : normal;
color : #ffffff;
text-shadow : black 3px 0, black -3px 0, black 0 3px, black 0 -3px, black 5px 0, black -5px 0, black 0 5px, black 0 -5px, black 2px 2px, black -2px -2px, black 4px 4px, black -4px -4px, black 2px -2px, black -2px 2px, black 4px -4px, black -4px 4px;
position : absolute;
top : 20px;
left : 108px;
right : 0;
line-height : 1;
padding : 0;
margin : 0;
}
h1 a:visited, h1 a, h1 a:link {
color : #ffffff;
}
h1 {
display : inline-block;
min-width : 177px;
width : 860px;
max-width : 50%;
text-align : center;
margin : 0 auto;
}
@media print {
h1 {
display : none;
}
}
p.footer {
padding : 0 0 0 0;
margin : 0;
border : 0;
color : #bbbbbb;
}
div.footer a:hover {
color : #ffffff;
}
div.footer a {
color : #bbbbbb;
}
div.pop_out {
display : inline-block;
border : 1px solid #c0c0c0;
padding : 10px;
margin : 5px 5px 10px;
background : #f3f3f3;
box-shadow : 2px 2px 6px #808080 ;
}
div.modified {
width : 100px;
height : 16px;
font-size : 12px;
padding-left : 3px;
border : 0;
}
.f_res {
max-width : 40%;
float : right;
}
.f_res > img {
max-width : 80%;
margin : 10px auto;
display : block;
}

↑ Top