28106 sujets

CSS et mise en forme, CSS3

je suis très novice dans le codage html5 et css 3 en faite je suis juste en train de modifier un template qui malheureusement pour moi il me semble est venu avec des erreurs dans le css Smiley bawling
lorsque j'essaye de vérifier la compatibilité au navigateurs dans Dreamweaver voici le message :
103 erreurs trouvées dans style.css
Influe sur : Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2 Opera 8.0, 9.0; Safari 2.0

voici une partie du code tout en espérant que ce soit pas trop long :

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
font-family: inherit;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
Smiley sweatdrop
[Je veux supprimer ce message mais ne trouve pas la fonctionnalité ! Pas cool pour Alsacréations, pro de l'accessibilité]
Modifié par erwan21a (18 Sep 2014 - 16:44)
J'ai du mal à comprendre pourquoi tu fais ça :

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
font-family: inherit;


alors que pour moi il suffit de faire ça :


* { 
 margin:0; 
 padding:0; 
 border:0; 
 font-family:'les polices que tu veux'; /* je pense que tu ne peux pas utiliser inherit ici, il faut d'abord initialiser une police pour qu'elle puisse être héritée. */
 font-size:100%; }


Ton code ne me semble pas très clair par la suite mais il n'y a rien d'autre qui me choque.