CSS 2.1 erreurs: non connue le nom de la propriété
Voici mon code, je l'ai eu à partir d'un exemple AJAX:
body, div, p, h1, h2, h3, h4, ul, li, table
{
margin:0;
padding:0;
border:none;
}
body
{
background: #B4B4B4 url(images/body_bg.gif) repeat left top;
font-family: Tahoma, Arial, sans-serif;
font-size:75%;
}
/* Master Page Layout */
#master_header
{
margin: -1px auto 0 auto;
width: 800px;
}
#master_headertop
{
background: url(images/headertop_img.jpg) no-repeat left top;
}
#master_headerbottom
{
background: url(images/headerbottom_img.png) no-repeat left top;
}
#master_page
{
margin: 5px auto 20px auto;
width: 800px;
}
#master_menu
{
float: left;
width: 240px;
padding-right: 10px;
}
.sidebar
{
width: 100%;
margin-bottom: 10px;
}
.sidebarheader
{
height: 24px;
padding: 10px 0 0 35px;
background: url(images/sidebar_header.png) no-repeat left top;
color: #FFF;
font-family: Arial, Sans-Serif;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
}
.sidebarcontent
{
border: 1px solid #0F2543;
padding: 20px 20px 20px 30px;
line-height: 1.5em;
font-weight: bold;
}
#master_sidebarSamples
{
padding-top: 72px;
background: #FFF url(images/samples_bg.gif) no-repeat left top;
}
#master_sidebarWalkthroughs
{
padding-top: 72px;
background: #FFF url(images/walkthrough_bg.gif) no-repeat left top;
}
.sidebarcontent a
{
padding: 2px 5px;
color: #5377A9;
text-decoration: none;
}
.sidebarcontent a:hover
{
background-color: #0F2543;
color: #FFF;
}
.sidebarcontent a:visited
{
font-weight: normal;
}
#master_content
{
float: left;
width: 550px;
margin-right: -550px;
color: #666666;
}
/*
#master_content a
{
color: #5377A9;
padding: 1px;
}
#master_content a:link
{
}
#master_content a:visited
{
}
#master_content a:hover
{
background-color: #BFBFBF;
color:#FFF;
}
*/
#master_content ul
{
margin: 0 25px 0 30px;
}
#master_contentheader
{
height: 19px;
background: url(images/rightcoltop.gif) no-repeat right top;
}
#master_contentplaceholder
{
padding: 30px 20px 40px 20px;
border-left: 1px solid #0F2543;
border-right: 1px solid #0F2543;
border-bottom: 1px solid #0F2543;
background-color: #EFEFEF;
line-height: 1.5em;
}
#master_contentfooter
{
clear: both;
padding: 10px 0 5px 10px;
color: #333;
font-size: 0.8em;
letter-spacing: 0.1em;
}
/* Content Page Layout */
.demoarea {
padding:20px;
background:#FFF url(images/demotop.png) no-repeat left top;
}
.demoarea p
{
padding:5px;
}
.demoheading {
padding-bottom:20px;
color:#5377A9;
font-family:Arial, Sans-Serif;
font-weight:bold;
font-size:1.5em;
}
.demobottom {
height:8px;
background:#FFF url(images/demobottom.png) no-repeat left bottom;
}
.heading {
padding: 1em 0 1em 0;
color:#5377A9;
font-family:Arial, Sans-Serif;
font-weight:bold;
font-size:1.2em;
}
.subheading{
padding:.8em 0 0.5em 0;
color:#0F2543;
font-weight:bold;
font-family:Arial, Sans-Serif;
font-size:1.1em;
}
p {}
em {font-style:italic}
i {font-style: italic;}
strong {font-weight:bold;}
.codeReference
{
font-family: 'Courier New', Monospace;
font-style: normal;
font-weight: bold;
}
pre, code {
display:block;
margin:15px 15px 15px 0;
padding:10px;
border:1px dashed #CCC;
background-color:#FFF;
color:#000;
font-family:'Courier New', Monospace;
font-size:0.9em;
font-style:normal;
}
.releaseList {
list-style-type:disc;
}
/* Styles for the Animation Reference */
.animationReferenceTable
{
}
.animationReferenceRow
{
}
.animationReferenceField
{
text-align: right;
vertical-align: top;
padding-top: 5px;
}
.animationReferenceCode
{
margin-top: 5px;
vertical-align: top;
font-family: 'Courier New', Monospace;
font-style: normal;
font-weight: bold;
display:block;
background-color:#FFF;
color:#000;
font-family:'Courier New', Monospace;
font-size:0.9em;
font-style:normal;
font-weight: bold;
margin-bottom: 5px;
}
.animationReferenceItems
{
vertical-align: top;
}
.animationReferenceItemTable
{
width: 100%;
padding: 0px;
margin: 0px;
}
.animationReferenceItemRow
{
width: 100%;
padding: 0px;
margin: 0px;
}
.animationReferenceItem
{
width: 100%;
padding: 0px;
margin: 0px;
padding-bottom: 10px;
}
.animationReferenceItemCode
{
display:block;
background-color:#FFF;
color:#000;
font-family:'Courier New', Monospace;
font-size:0.9em;
font-style:normal;
font-weight: bold;
}
/******************************/
/**Styling information specific to individual content pages**/
/* Accordion */
.accordionHeader
{
border: 1px solid #2F4F4F;
color: white;
background-color: #2E4d7B;
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}
#master_content .accordionHeader a
{
color: #FFFFFF;
background: none;
text-decoration: none;
}
#master_content .accordionHeader a:hover
{
background: none;
text-decoration: underline;
}
.accordionContent
{
background-color: #D3DEEF;
border: 1px dashed #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 10px;
}
/*Cascading DropDown*/
/*CollapsiblePanel*/
.collapsePanel {
background-color:white;
overflow:hidden;
}
.collapsePanelHeader{
width:100%;
height:30px;
background-image: url(images/bg-menu-main.png);
background-repeat:repeat-x;
color:#FFF;
font-weight:bold;
}
#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}
/*Confirm Button*/
/* DropShadow */
#master_content .dropShadowPanel span {color:white;text-decoration:underline;}
#master_content .dropShadowPanel span:hover {text-decoration:none;}
.dropShadowPanel
{
width:300px;
background-color:#5377A9;
color:white;
font-weight:bold;
}
/*Drag Panel*/
.dragMe {
width:100%;
height:21px;
background-color:#FFF;
background-image:url(images/header-opened.png);
text-align:center;
cursor:move;
font-weight:bold;
}
.overflowHidden {overflow:hidden;}
.overflowScroll {overflow:hidden;}
/*Hover Menu*/
.popupMenu {
position:absolute;
visibility:hidden;
background-color:#F5F7F8;
opacity:.9;
filter: alpha(opacity=90);
}
.popupHover {
background-image:url(images/header-opened.png);
background-repeat:repeat-x;
background-position:left top;
background-color:#F5F7F8;
}
/* PagingBulletedList */
.selectIndex {
font-weight: bold;
text-decoration:none;
}
.unselectIndex {
font-weight:normal;
text-decoration:underline;
}
/*Modal Popup*/
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
.modalPopup {
background-color:#ffffdd;
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:250px;
}
.sampleStyleA {
background-color:#FFF;
}
.sampleStyleB {
background-color:#FFF;
font-family:monospace;
font-size:10pt;
font-weight:bold;
}
.sampleStyleC {
background-color:#ddffdd;
font-family:sans-serif;
font-size:10pt;
font-style:italic;
}
.sampleStyleD {
background-color:Blue;
color:White;
font-family:Arial;
font-size:10pt;
}
/*Popup Control*/
.popupControl{
background-color:White;
position:absolute;
visibility:hidden;
}
/*Reorder List*/
.dragHandle {
width:10px;
height:15px;
background-color:Blue;
background-image:url(images/bg-menu-main.png);
cursor:move;
border:outset thin white;
}
.callbackStyle {
border:thin blue inset;
}
.callbackStyle table {
background-color:#5377A9;
color:Black;
}
.reorderListDemo li {
list-style:none;
margin:2px;
background-image:url(images/bg_nav.gif);
background-repeat:repeat-x;
color:#FFF;
}
.reorderListDemo li a {color:#FFF !important; font-weight:bold;}
.reorderCue {
border:dashed thin black;
width:100%;
height:25px;
}
.itemArea {
margin-left:15px;
font-family:Arial, Verdana, sans-serif;
font-size:1em;
text-align:left;
}
/* Rounded Corners*/
.roundedPanel
{
width:300px;
background-color:#5377A9;
color:white;
font-weight:bold;
}
/* ResizableControl */
.frameImage
{
width:130px;
height:65px;
overflow:hidden;
float:left;
padding:3px;
}
.frameText
{
width:100px;
height:100px;
overflow:auto;
float:left;
background-color:#ffffff;
border-style:solid;
border-width:2px;
border-color:Gray;
font-family:Helvetica;
line-height:normal;
}
.handleImage
{
width:15px;
height:16px;
background-image:url(images/HandleHand.png);
overflow:hidden;
cursor:se-resize;
}
.handleText
{
width:16px;
height:16px;
background-image:url(images/HandleGrip.png);
overflow:hidden;
cursor:se-resize;
}
.resizingImage
{
padding:0px;
border-style:solid;
border-width:3px;
border-color:#B4D35D;
}
.resizingText
{
padding:0px;
border-style:solid;
border-width:2px;
border-color:#7391BA;
}
/*Textbox Watermark*/
.unwatermarked {
height:18px;
width:148px;
font-weight:bold;
}
.watermarked {
height:20px;
width:150px;
padding:2px 0 0 2px;
border:1px solid #BEBEBE;
background-color:#F0F8FF;
color:gray;
}
/* Rating */
.ratingStar {
font-size: 0pt;
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
cursor: pointer;
display: block;
background-repeat: no-repeat;
}
.filledRatingStar {
background-image: url(Images/FilledStar.png);
}
.emptyRatingStar {
background-image: url(Images/EmptyStar.png);
}
.savedRatingStar {
background-image: url(Images/SavedStar.png);
}
/*Toggle Button*/
/*Setup*/
.walkthrough li {padding-bottom:5px;}
/*Using a sample extender*/
/*Creating a new extender*/
.walkthroughNote {
padding-left:25px;
font-style:italic;
}
/*Other neat stuff*/
/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1
{
background-color:Gray;
color:White;
font-family:Arial;
font-size:x-small;
font-style:italic;
padding: 2px 3px 2px 3px;
}
.BarIndicator_TextBox2
{
color:Blue;
background-color:Blue;
}
.BarBorder_TextBox2
{
border-style:solid;
border-width:1px;
width:200px;
vertical-align:middle;
}
.TextIndicator_TextBox3
{
background-color:Blue;
color:Yellow;
font-size:small;
font-variant:small-caps;
padding: 2px 3px 2px 3px;
}
.TextIndicator_TextBox3_Handle
{
width:16px;
height:14px;
background-image:url(images/Question.png);
overflow:hidden;
cursor:help;
}
.dynamicPopulate_Normal
{
border:silver 1px inset;
padding:2px;
text-align:center;
height:2em;
margin:5px;
width:200px;
}
.dynamicPopulate_Updating
{
background-image:url(images/loading.gif);
background-repeat:no-repeat;
border:silver 1px inset;
text-align:center;
padding:2px;
height:2em;
margin:5px;
width:200px;
}
/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
background-color: #ffffcc;
color: #000000;
}
.MaskedEditMessage
{
color: #ff0000;
font-weight: bold;
}
.MaskedEditError
{
background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
background-color: #ffffcc;
color: #000000;
}
.MaskedEditBlurNegative
{
color: #ff0000;
}
.MyCalendar .ajax__calendar_container {
border:1px solid #646464;
background-color: lemonchiffon;
color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
color: black;
font-weight:bold;
}
.validatorCalloutHighlight
{
background-color: lemonchiffon;
}
J'obtiens les erreurs suivantes:
Erreur 1 Validation (CSS 2.1): 'opacité' est pas connu propriété CSS
nom. C:\Documents and Settings\agordon\Mes Documents\Visual Studio
2008\Sites\WebSite3\Feuille De Style.css 402 2 C:...\WebSite3\
2 erreur de Validation (CSS 2.1): "filtre" n'est pas connue d'une propriété CSS
nom. C:\Documents and Settings\agordon\Mes Documents\Visual Studio
2008\Sites\WebSite3\Feuille De Style.css 403 2 C:...\WebSite3\
Erreur 3. la Validation (CSS 2.1): "filtre" n'est pas connue d'une propriété CSS
nom. C:\Documents and Settings\agordon\Mes Documents\Visual Studio
2008\Sites\WebSite3\Feuille De Style.css 427 2 C:...\WebSite3\
Erreur 4 Validation (CSS 2.1): 'opacité' est pas connu propriété CSS
nom. C:\Documents and Settings\agordon\Mes Documents\Visual Studio
2008\Sites\WebSite3\Feuille De Style.css 428 2 C:...\WebSite3\
Erreur 5 Validation (CSS 2.1): 'lemonchiffon" n'est pas une valeur valide pour
le 'background-color' de la propriété. C:\Documents and Settings\agordon\Mes
Documents\Visual Studio
2008\Sites\WebSite3\Feuille De Style.css 738 23 C:...\WebSite3\
6 erreur de Validation (CSS 2.1): 'lemonchiffon" n'est pas une valeur valide pour
le 'background-color' de la propriété. C:\Documents and Settings\agordon\Mes
Documents\Visual Studio
2008\Sites\WebSite3\Feuille De Style.css 759 23 C:...\WebSite3\
Personne ne sait ce que je fais de mal?
OriginalL'auteur l--''''''---------'''''''''''' | 2011-08-30
Vous devez vous connecter pour publier un commentaire.
Erreurs de Validation sont tous beaux, parce qu'ils sont en utilisant le bon CSS 2.1 Documentation et de votre tentative de valider les propriétés CSS3 dans un CSS 2.1 contexte.
Ce que vous voulez probablement, c'est de construire votre application par le passage par le CSS Erreurs, peu importe ce qu'ils sont, pour que vous puissiez transformer cette "erreurs" dans avertissements à l'aide de Visual Studio Options:
dans Le menu Visual Studio, cliquez sur:
Tools
>Options...
et de forage vers le basText Editor
>CSS
>Miscellaneous
et il suffit de faire le CSS Erreurs pour être traités
as warnings
Version 2013
OriginalL'auteur
Vous êtes à la validation de votre contre les feuilles de style CSS 2.1, mais ces propriétés sont CSS3.
Modifier votre feuille de style de validation en CSS3.
Il n'existe pas de certains des hacks (c'est à dire IE hacks) que de ne pas valider indépendamment de la version de CSS vous êtes valider contre? Vous avez probablement raison (d'où le upvote), mais je me demandais juste...
correct. Habituellement, les gens il suffit de créer de IE feuilles de style dans ce cas et ne pas s'inquiéter de validation.
si VS n'a pas été créé pour traiter de Validation CSS Erreurs de mises en garde, il ne sera jamais construire / compiler / exécuter l'application!
seulement si le fichier CSS a été inclus dans la solution. Il peut encore exister et d'être référencé en tant que le fichier est là.
OriginalL'auteur
Les erreurs que vous obtenez sont des erreurs de validation. L'opacité et le filtre ne sont pas dans le CSS 2.1 spec en dépit d'être pris en charge par tous les principaux navigateurs.
OriginalL'auteur
Je me rends compte que cette réponse est un peu tardive, mais quelqu'un d'autre peut trouver cette information utile.
Pour rendre le filtre étiquette d'avertissement aller loin dans VS2010 (plutôt que de simplement l'ignorer), à proximité VS2010 et modifier le fichier suivant:
C:\Program Files (x86)\Microsoft Visual Studio 10.0\Common7\Packages\1033\schemas\CSS\css30.xml
Vous avez besoin de changer la
filter
propriété de enum composite.Autour de la ligne 387, vous devriez trouver le texte suivant:
<cssmd:property-def _locID="filter" _locAttrData="description,syntax" type="enum" ...
Le modifier:
<cssmd:property-def _locID="filter" _locAttrData="description,syntax" type="composite" ...
Puis redémarrez VS2010.
OriginalL'auteur
Vous devez valider ce que le CSS3
http://jigsaw.w3.org/css-validator/#validate_by_input+with_options
Lorsque vous faites cela, vous aurez deux erreurs pour votre
opacity
styles et un tas d'avertissements relatifs à dupliquésbackground-colors
.OriginalL'auteur