Aller au contenu

Mise en page en HTML


T0uT0uNeS

Messages recommandés

Alors voila, je demande un peu sur les forums poursavoir comment faire ca ...

Mon idée de départ etait de copier toute la page que l'on veut imprimer sous word ou excel et faire ensuite la mise en page a la main mais j'aimerais savoir si il n'y a pas plus simple directement sous HTML ???

:yes:

Merci d'avance :incline:

Lien vers le commentaire
Partager sur d’autres sites

Si c'est toi qui as fait la page, il suffit d'utiliser des feuilles de style différentes pour la visualisation online et pour l'impression. Sinon, c'est râpé...

Oui c'est moi qui fait la page

Si j'ai bien compris, tu me dis que l'ideal c'est de faire plein de feuilles de qtyles pour chaque page qui peut etre imprimée ?

J'y ai pensé et je pense que si je n'ai pas d'autre solutions, c'est ce que je ferai, mais j'aurais voulu un truc qui le fait tout seul ...

J'ai pas envie de me casser la tete avec plein de feuille de style ...

:incline:

Mais bon sinon merci de ta proposition :yes:

PS : j'y avais pensé, mais il me vient une question

Comment je peut délimiter ma page HTML avec les feuilles de style ?

Lien vers le commentaire
Partager sur d’autres sites

Pour les feuilles de style...

Tu n'as besoin que d'1 seule, grâce aux @media.

Exemple :

@print

{

TD {bla bla}

DIV { bla bla }

}

@screen

{

TD {bla bla}

DIV { bla bla }

}

Comme ça, à l'impression, le style défini dans @print est automatiquement appliqué.

Par exemple, tu supprimes les couleurs de fond, tu limites le BODY à 21cm de large, etc...

Lien vers le commentaire
Partager sur d’autres sites

J'ai encore un chti soucis

Je poste ma feuille de style au cas ou qq1 voie une erreur.

Mon soucis est que je dois afficher un tableau avec une ligne sur 2 grise (et l'autre blanche)

La no problemo

Mais a l'impression ca ne passe pas, mon tableau est tout blanc, il y a juste la bordure qui reste, meme pasles differenciations entre les cases du tableau ...

Et moi je voudrais que ca ressorte a l'impression comme on le voit a l'ecran.

Je pense que c'est dan le print que ca foire mais je vois pas ou ...

<style type="text/css">

<!--

@media screen {

      html, body {

          font-family: times; /*police*/

            font-size: 12pt;

            font-style: normal;

            font-weight: normal; /*gras de la police*/

            color: black;

            background-image: url(C:\Program Files\EasyPHP\www\Stage Delvallee\Images\MMs.jpg);

            }

           

      table.Taille {

            border: 2px black solid;

            border-collapse: separate;

      border-color: black;

      empty-cells: show;

      }

     

      p, table.Titre {

                font-family: times; /*police*/

        font-size: 16pt;

        font-style: normal;

    font-weight: normal; /*gras de la police*/

    color: red;

    }

      h1, h2, h3, h4, h5, h6 {

          font-family: times;

          font-size: 18pt;

        text-align: center;

        text-decoration: underline;

        color: red;

        }

      tr.A0 {

            background-color: #888888

            }

     

      tr.A1 {

            background-color: white

            }

      a:link, a:active, a:visited

        {

        text-decoration:none;

        }

      a:hover {text-decoration: underline}

      A: link {color: red}

 

      A: activate {color: blue}

 

      A: visited {color: green}

}

@media print {

      tr.A0 {

            background-color: #888888

            }

      tr.A1 {

            background-color: white

            }

           

      html, body {

          font-family: times; /*police*/

            font-size: 12pt;

            font-style: normal;

            font-weight: normal; /*gras de la police*/

            color: black;

            background-color: white;

            }

      p {

                font-family: times; /*police*/

        font-size: 16pt;

        font-style: normal;

    font-weight: normal; /*gras de la police*/

    color: red;

    }

      table.Titre {

            font-family: times; /*police*/

            font-size: 16pt;

            font-style: normal;

        font-weight: normal; /*gras de la police*/

        color: red;

        border: 2px black solid;

    border-collapse: separate;

    border-color: black;

    }

   

      h1, h2, h3, h4, h5, h6 {

          font-family: times;

          font-size: 18pt;

        text-align: center;

        text-decoration: underline;

        color: red;

        }

      @media page {

              size 210mm 297mm;

            margin : 5mm;

            page-break-before: avoid;/*Les changements de page sont évités*/

            /*size: landscape*/

            }

      table.Taille {

            border: 2px black solid;

            border-collapse: separate;

      border-color: black;

      background-color: white

      }

       

}

-->

</style>

Lien vers le commentaire
Partager sur d’autres sites

sinon, ça n'a aucun rapport, mais le code de ce qui est dans ta signature:

deja c'est du PHP(tres probablement), et c'est une fonction qui prend l'ip du poste client et quelques variables du meme genre(tres facile a faire en PHP)

et grace a la bibliotheque GD(c'est bien ça son nom?) le script genere une image

contenant les valeurs des variables sus citées.

si tu veux vraiement le code, fais on post ici meme et on cherchera :)

Lien vers le commentaire
Partager sur d’autres sites

sinon, ça n'a aucun rapport, mais le code de ce qui est dans ta signature:

deja c'est du PHP(tres probablement), et c'est une fonction qui prend l'ip du poste client et quelques variables du meme genre(tres facile a faire en PHP)

et grace a la bibliotheque GD(c'est bien ça son nom?) le script genere une image

contenant les valeurs des variables sus citées.

si tu veux vraiement le code, fais on post ici meme et on cherchera :)

Bah en fait moi je pensais que l'image etait un lien automatique vers une page php qui renvoyait les info (IP, navigateur ...)

Enfin je sais qu'il y a du php la dessous et un lien vers une page, ou juste des fonction pour creer l'image

Je voulais le truc au debut, et j'ai cherché un peu (au debut avec du javascript dans la signature :keskidit: ...) mais j'ai plus le temps.

Je vais essayer apres mon stage, courant janvier, de trouver la soluce :pleure:

Ca a l'air super mais finalement je pense pas que ca soit si difficile que ca ...

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...