IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Aide CSS: table, paragraphes et print.css


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2004
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 27
    Par défaut Aide CSS: table, paragraphes et print.css
    Bonjour à tous,

    Je suis en train d'écrire une doc technique qui sera présentée sur le web, sur un site xhtml et css.

    Mon but serait de faire en sorte que la page possède un css "web" et lorsque l'on souhaite l'imprimer, une autre feuille de style prenne le relai. Juste que là, ça va, et ça marche.

    Le soucis, c'est dans le cas d'une structure comme celle-ci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <table>
      <tr>
        <td>
          <p>blahblah </p>
          <p>blah suite</p>
        </td>
      </tr>
    </table>
    ... il n'y a pas de retour à la ligne lorsque le texte d'un paragraphe atteint le bord de la page. Cela avec IE uniquement. Firefox et Opera gèrent ça très bien.

    Avez-vous déjà rencontré un tel problème?

    A propos de ma feuille de style: il n'y a aucune référence à la balise <p> dans mes css, et une table dont la balise <td> ne contient pas de <p> est coupée correctement...

    Merci de votre aide...

  2. #2
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    tu as essayé avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    p {
    word-wrap:break-word;
    }
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    p {
    white-space:normal;
    }
    ?

  3. #3
    Membre averti
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2004
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 27
    Par défaut
    Hello, merci de ta réponse

    Tes deux possibilités n'ont pas fonctionné, malheureusement.

    Par contre, j'ai un indice de plus...

    Voici un style que j'utilise pour afficher du code java:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    .source {
      border-top: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD;
      background:#eee;
      font-family: Courier, "MS Courier New", Prestige, Everson Monocourrier, monospace;
      padding-bottom: 0.5ex;
      padding-top: 0.5ex;
      padding-left: 1ex;
      white-space: pre;
    }
    Si je commente la partie white-space, mes paragraphes se coupent correctement...

  4. #4
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    et ça ne fonctionne pas si tu utilises ceci sur ta page?

  5. #5
    Membre averti
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2004
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2004
    Messages : 27
    Par défaut
    Malheureusement tes deux propositions ne marchent pas...

    C'est super bizarre, parce que les paragraphes en dehors des tables, ou les tables au contenu ne comportant pas de balises <p> fonctionnent bien... c'est vraiment _que_ les balises <p> dans un <td> qui fonctionnent pas...

    EDIT: si, dans le css utilisé pour le print, je précise:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    .source {
      white-space: normal;
    }
    ... alors tout rentre dans l'ordre mais, évidemment, les sources affichées sont toute pourries... pour de la doc de framework java, c'est pas le top...

Discussions similaires

  1. Print CSS : problèmes dimensions entre IE7 et FF3
    Par coupolites dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/05/2009, 16h44
  2. Aide pour réaliser un dégradé avec css
    Par didinet dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 08/04/2009, 21h33
  3. CSS table MVC probleme affichage
    Par Nivrae dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 27/05/2008, 16h51
  4. Border de table et cellules en CSS
    Par Mister Nono dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 31/10/2006, 12h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo