Found 2 errors in stylesheet.css - Softwareontwikkeling

woensdag 11 november 2009 12:19

Acties:

0 Henk 'm!

Topicstarter

He, ben ik weer..

Alles loopt vlotjes, maar nu krijg ik plots dit: Found 2 errors in stylesheet.css Maar het probleem is dat ik nergens een fout vind in mijn stylesheet..

De code van m'n template (zonder body)

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled</title>
<!-- TemplateEndEditable -->

<link href="../css/stylesheet.css" rel="stylesheet" type="text/css"/>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"/>

<!-- TemplateBeginEditable name="head" -->
<script type="text/javascript" src="onlyPopupOnce.js"></script>
<!-- TemplateEndEditable -->
</head>

En de code van m'n stylesheet.css

code:

@charset "utf-8";

#tekstachtergronddiv {
    background-color: #4D90BB;
    width: 760px;
    max-height: 780px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}
   
#tekstdiv {
    text-align: left;
    width: 760px;
    height: 780px;
    padding-top: 60px;
    font-family: "Arial Black", Gadget, sans-serif;
    color: #FFF;
    font-size: 13px;
}

#tekst {
    padding: 1em;
    width: 734px;
    height: 680px;
    overflow: auto;
}

#trompetdiv {
    background-image: url(../images/trompetten.png);
    background-repeat: no-repeat;
    background-position: center;
}

div#sunburstdiv {
   width: 840px;
   margin-left: auto;
   margin-right: auto;
   background-image: url(../images/sunburst.png);
   background-repeat: no-repeat;
   background-position: center top;
   text-align: center;
    height: 1010px;
}

body {
    background-image: url(../images/bgpattern.jpg);
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    font-family: Arial Black, Gadget, sans-serif;
    color: #FFF;
}

#loginbalkdiv {
    background-image: url(../images/loginbalkmain.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: right;
    height: 30px;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1em;
    padding-top: 3px;
    font-size: 10px;
}

#buttonbalk {
    background-color: #4D90BB;
}

#line {
    color: #FFF;
    padding-top: 0px;
    padding-right: auto;
    padding-bottom: 0px;
    padding-left: auto;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0.75em;
    margin-left: auto;
    width: 720px;
}

#buttonbalktottekst {
    margin-top: 5px;
}

#banner a img {
    border: 0;
}

.head1 {
    margin: 0;
    padding: 0;
}

.head2 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 1em;
}

.wiezijnwij {
    text-align: center;
    border: thin;
    border-color: #FFF;
    border-style: solid;
}

#affiche2009 {
    margin-right: 100px;
    margin-left: 100px;
}

Iemand ook maar enig idee?!

Bedankt.

woensdag 11 november 2009 12:21

Acties:

0 Henk 'm!

asfaloth_arwen

Dump je css eens in: http://jigsaw.w3.org/css-validator/validator dan krijg je ook 2 errors incl. beschrijving

code:

1 2	77 #line Ongeldig getal : padding-right auto geen padding-right waarde : auto 79 #line Ongeldig getal : padding-left auto geen padding-left waarde : auto

[ Voor 44% gewijzigd door asfaloth_arwen op 11-11-2009 12:21 ]

Specs

woensdag 11 november 2009 12:22

Acties:

0 Henk 'm!

NMe

Quia Ego Sic Dico.

Margins kunnen automatisch gezet worden, paddings niet. En zoals asfaloth_arwen al zegt: even de goeie validator gebruiken en dan wordt je precies uitgelegd wat wel en niet valid is. Volgende keer dus iets meer moeite doen, asjeblieft.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.