Code : Tout sélectionner
<link href="style/screen.css" rel="stylesheet" type="text/css" media="screen" />
<link href="style/print.css" rel="stylesheet" type="text/css" media="print" />Code : Tout sélectionner
/* andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas Viklund - http://andreasviklund.com. Free to use for any purpose as long as the proper credits are given to the original author. */
/* modified by ethanol-e85.fr */
body {
background:none;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
a {
color:#5050b0;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#80b080;
text-decoration:underline;
}
p {
line-height:1.5em;
margin:0 0 15px;
}
table {
border-style:solid;
border-width:1px;
border-color:#606060;
border-collapse:collapse;
}
.noborder {
border-style:none;
}
td {
border-style:solid;
border-width:1px;
border-color:#606060;
}
td.vert {
color:lime;
font-weight: bold;
}
td.rouge {
color:red;
font-weight: bold;
}
td.bleu {
color:blue;
font-weight: bold;
}
th {
border-style:solid;
border-width:1px;
border-color:#606060;
}
/*** Main container ***/
#container {
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}
/*** Header section ***/
#sitename {
display:none;
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
}
#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}
#sitename h1 {
font-size:2.4em;
padding-top:20px;
}
#sitename h2 {
font-size:1.6em;
}
/*** Horizontal menu ***/
#mainmenu {
display:none;
float:left;
margin-bottom:25px;
}
#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}
#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}
#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}
#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}
/*** Content wrap ***/
#wrap {
clear:both;
font-size:0.9em;
padding:0;
}
/*** Sidebars ***/
#leftside,#rightside {
margin:0;
padding:0 10px 10px;
width:165px;
}
#leftside {
float:left;
margin-right:10px;
}
#rightside {
float:right;
margin-left:10px;
}
#leftside h1,#rightside h1 {
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}
#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}
#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}
.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}
.linklist li {margin-bottom:0.7em;}
.linklist a {
color:#505050;
}
/*** Sidebar menu ***/
.nav {
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}
.nav:hover,.active {
border:1px solid #909090;
color:#303030;
text-decoration:none;
}
.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}
/*** Content ***/
#content,#contentalt,#content1col,#content2col {
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}
#content {margin:0 200px;}
#contentalt {margin:0 200px 0 20px;}
#content1col {margin:0 20px 0 20px;}
#content2col {margin:0 20px 0 200px;}
#content h1,#content h2,#contentalt h1,#content h2,#content1col h1,#content1col h2,#content2col h1,#content2col h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}
#content h2,#contentalt h2,#content1col h2,#content2col h2 {
font-size:1.6em;
margin-bottom:10px;
}
#content img,#contentalt img,#content1col img,#content2col img {
border:0px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}
/*** Footer ***/
#footer {
display:none;
}
#footer a {
color:#d0d0d0;
font-weight:bold;
}
/*** Various classes ***/
.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}
.searchform {margin:0;}
.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}
.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}
.clearingdiv {
clear:both;
height:30px;
width:1px;
}
.hide {display:none;}
/*** Text format ***/
.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}
.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}
.italic {font-style: italic;}
.centre {
margin-left: auto;
margin-right: auto;
}
/*** End of file ***/Non, ce n'est pas conforme.eth85 a écrit :Bonjour,
Mon site ( http://ethanol-e85.fr ) est désormais xhtml 1.1 conforme (cf validation en bas de la page).
Bonjour,calimo a écrit :Non, ce n'est pas conforme.
http://sebastienguillon.com/traduction/ ... edia-xhtml
Voir aussi http://www.hixie.ch/advocacy/xhtml
<modeHS>Fabrice.Tres.Net a écrit :Allez un peu de HS: Je ne pense pas que l'ethanol soit une solution en France, la filière huile offre un bien meilleur rendement global!
Pour l'impression, cela à fonctionné. Je te remercie bien. Je n'ai pas eu le temps d'alléger le css. Je le ferais ... un jour.Fabrice.Tres.Net a écrit : Pour ton problème d'impression, il faut que tu crées un css pour le media print!
Dans ce css, tu pourras par exemple masquer les menus avec display: none; ...Code : Tout sélectionner
<link href="style/screen.css" rel="stylesheet" type="text/css" media="screen" /> <link href="style/print.css" rel="stylesheet" type="text/css" media="print" />
Un aperçu, loin d'être parfait, de ce qui peut être fait là http://lavl.free.fr
Oui.eth85 a écrit :si par là, tu entends qu'il faut mettre 'application/xhtml+xml' à la place de 'text/html',
Code : Tout sélectionner
Content-Type: text/htmlLe validateur n'est qu'un outil pour t'aider à respecter les normes, en aucun cas sa réponse ne doit être prise au pied de la lettre, il peut se tromper, laisser passer une erreur (il ne vérifie pas tout, en l'occurence le type de contenu xhtml est totalement ignoré ici, on a aussi vu des exemples où une erreur était ignorée), ou à l'inverse en voir une qui n'existe pas.eth85 a écrit :c'est fait, mais cela ne change pas la validation (tout du moins celle du w3C).
Le pdf est intéressant si on désire présenter une page particulière dans un certain format.calimo a écrit : Si tu veux vraiment que les utilisateurs puissent imprimer la page, le mieux est de faire un pdf parfaitement formatté. En effet, c'est un des point faible des navigateurs, et de Firefox en particulier.
Peut-être qu'il est possible de contourner le problème en simplifiant dramatiquement la feuille pour l'impression (ne laisse que le code qui cache le menu par exemple). Mais même là ça ne remplacera pas un bon pdf
Oui, mais d'après ce que j'ai compris, c'est pas dans le contenu du fichier que cela est inscrit.calimo a écrit :Oui.eth85 a écrit :si par là, tu entends qu'il faut mettre 'application/xhtml+xml' à la place de 'text/html',
Mais tu ne l'as pas fait. Ce qui compte, ce sont les entêtes HTTP, pas les balises meta qui ne servent à rien. Et les entêtes HTTP disent toujoursCode : Tout sélectionner
Content-Type: text/html
Et je ne veux pas changer le nom du fichier, notamment pour des problèmes de référencement dans les moteurs de recherche.moi a écrit :mais je pense que c'est parce que je l'ai laissé en .html au lieu de .xhtml
Exact !eth85 a écrit :Oui, mais d'après ce que j'ai compris, c'est pas dans le contenu du fichier que cela est inscrit.
Non !eth85 a écrit :D'après ce que j'ai compris, c'est à cause de l'extension du fichier.
)Utilisateurs parcourant ce forum : Semrush [Bot] et 2 invités