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

HTML Discussion :

bordure indésirable entre les cadres


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    31
    Détails du profil
    Informations personnelles :
    Âge : 62
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 31
    Par défaut bordure indésirable entre les cadres
    Bonjour à tous.
    ja'i cherché dans le forum, bien lu l'aide pour inclure un fichier XHTML sans cadre, mais ... j'ai besoin pour l'instant de ocnserver les cadres :

    Mon but= afficher un rendu avec un bandeau d'entete, un bandeau de pied-de-page, une colonne à droite avec icones de navigation, et le contenu principal (avec sommaire à gauche, texte au milieu). (seul le sommaire et le texte doivent pouvoir défiler)
    Ceci pour un CD-ROM , pas pour un site en ligne (donc pas de php svp)

    ce que je fais : des cadres horizontaux, puis verticaux, avec l'entete, le pied de page et la navigation qui sont les mêmes tout le temps. Le sommaire varie au fil de la lecture. vérifié avec le w3c validator

    ce que j'ai aussi testé : une mise en page CSS avec colonnes à largeur "intelligentes".

    pourquoi je conserve les cadres : unicité des entete-pied-navigation qui restent affichés meme quand le texte défile, pas de probleme avec les barres de défilement.

    Mon probleme : entre les cadres, je n'arrive pas à faire disparaitre une mini bordure blanche, alors que la couleur de fond des cadres est bleu clair.
    Mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <!-- This document was successfully checked as XHTML 1.0 Strict! -->
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    ... title et meta interessants ... pas de feuille de style ...
    </head>
     
    <frameset rows="150,*,30" >
    
    <frame src="dec001_fr.html" name="entetecd_fr" frameborder="0" border="0" marginheight=20 noresize scrolling="no" > <frame src="dec002_fr.html" name="centralcd_fr" frameborder="0" border="0" marginheight=5 scrolling="auto" > <frame src="dec003_fr.html" name="piedcd_fr" frameborder="0" border="0" marginheight=150 noresize scrolling="no" > <noframes>
    <body> Nous sommes désolés... <br>mais, votre navigateur ne reconnaissant pas les cadres, <br>il n'est pas possible d'afficher le contenu de ce CD-ROM. </body>
    </noframes>
    </frameset> </html> <!-- This document was successfully checked as HTML 4.01 Frameset! -->
    et voilà la copie d'écran : (pièce jointe) version avec juste cadres horizontaux

    Ni le border ni le marginheight ne semblent avoir d'effet .
    J'ai essayé de diminuer l'epaisseur, de lui coller la même couleur que les fonds : snif, rien n'y fait.

    Avez-vous :
    une idée pour faire disparaitre ces vilaines lignes blanches ?
    faire autrement que avec des cadres mais sans dupliquer les codes entete-pied-vanigation ?
    Images attachées Images attachées  

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    31
    Détails du profil
    Informations personnelles :
    Âge : 62
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 31
    Par défaut
    alors ... toujours pas d'idée de votre part ?
    un 'tit conseil alors, quelle alternative aux cadres pour inclure tout un bloc hmtl commun ?

    Comment utiliser le <!ENTITY du XML ?

  3. #3
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 585
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 585
    Par défaut
    Comme alternative, il y a <iframe> et <object>. <object> est censé faire la même chose que <iframe> quand il inclut une page web. <iframe> a disparu du XHTML strict.

    Comment utiliser le <!ENTITY du XML ?
    Laisse tomber, les navigateurs ne gèrent pas.


    Bon, sinon, ça résoudra pas ton problème, mais je vois dans ta page :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <!-- This document was successfully checked as XHTML 1.0 Strict! -->
    [...]
    <!-- This document was successfully checked as HTML 4.01 Frameset! -->
    Eh ben ça m'étonnerait beaucoup, l'un comme l'autre !
    Je vois aussi :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    Sauf que le doctype d'un document frameset XHTML c'est

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <!DOCTYPE html 
         PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    Et pour un frameset HTML 4 c'est

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
            "http://www.w3.org/TR/html4/frameset.dtd">
    De manière générale, ce document n'a aucune compatibilité XHTML, et comme il se déclare XHTML, il n'en a pas non plus en HTML strict.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  4. #4
    Membre Expert Avatar de Madfrix
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 326
    Par défaut
    Bonjour,

    et l'AJAX pour afficher une page web dans un div ?

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
     
    function affichePage(div, url){    
     
    	var xhr_object = null;
     
    	if(window.XMLHttpRequest) xhr_object = new XMLHttpRequest();
    	else
    	if (window.ActiveXObject) xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     
    	xhr_object.open("GET", url, true);
    	xhr_object.onreadystatechange = function(){
    	if ( xhr_object.readyState == 4 )
    		document.getElementById(div).innerHTML = xhr_object.responseText;
    	else
    		document.getElementById(div).innerHTML = "<b>Chargement...</b>";
    	}
     
     
    	xhr_object.send(null);
     
    }

    Cdlt

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    31
    Détails du profil
    Informations personnelles :
    Âge : 62
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 31
    Par défaut
    Citation Envoyé par Madfrix
    et l'AJAX pour afficher une page web dans un div ?
    ... certes, pourquoi pas. ces pages sont destinées à un CD-ROM, alors pour l'instant je n'y avais introduit aucun code, aucune ligne de JS ni de PHP bien sur.
    Je conserve l'idée et ta soluce dans un coin.

    Citation Envoyé par thelvin
    <iframe> a disparu du XHTML strict.
    yes, dommage c'était la seule manière que je connaisse de réserver:afficher une zone à remplir par ce que voulu, avec possibilité d'ascenseur pour le scroll vertical.

    Citation Envoyé par thelvin
    Laisse tomber, les navigateurs ne gèrent pas.

    vi, j'ai vu en testant ce matin.


    [quote=thelvin]Eh ben ça m'étonnerait beaucoup, l'un comme l'autre ![/quote]
    Pour le test sous w3c, désolée, c'était un reliquat de copier/coller du fichier qui était encore en "HTML 4 avec DTD frameset". Je suis en train de tout passer en XHMTL, et je repique d'après un fichier modèle que j'ai testé sous W3C. mais c'est un XHTML pas en frameset. je corrige de suite, merci.

    voilà après validation xhtml 1.0 sous w3c
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html 
         PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
         "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd</a>">
    <!-- This document was successfully checked as XHTML 1.0 Strict! -->
    <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="fr" lang="fr">
    <head>
     <title>Les Bidules - bla bla bla </title>
     <meta name="Description" content="CD-ROM associé au livre " />
     <meta name="language" content="fr" />
     <meta name="generator" content="notepad++" />
     <meta name="robots" content="all" />
     <meta name="language" content="fr" />
     <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <!-- (west europ ) -->
     <meta http-equiv="Content-Style-Type" content="text/css" />
     <meta name="revisit-after" content="7 days" />
    <!-- == définition des styles inutile : y'a que des frames === -->
    </head>
    <!-- <frameset rows="115,*,28" > -->
    <frameset rows="150,*,30" >
     <frame src="dec001_fr.html" name="entetecd_fr" frameborder="0" marginheight="20" noresize="noresize" scrolling="no" />
     <frame src="dec002_fr.html" name="centralcd_fr" frameborder="0" marginheight="5" scrolling="auto" />
     <frame src="dec003_fr.html" name="piedcd_fr" frameborder="0" marginheight="150" noresize="noresize" scrolling="no" />
     <!-- le marginheight semble sans effet sur la hauteur de la marge autour du texte du pied de page -->
     
     <noframes>
      <body>
       Nous sommes désolés...
       <br />mais, votre navigateur ne reconnaissant pas les cadres, 
       <br />il n'est pas possible d'afficher le contenu de ce CD-ROM.
      </body>
     </noframes>
    </frameset>
    </html>
    Citation Envoyé par thelvin
    <object> est censé faire la même chose que <iframe> quand il inclut une page web
    la même chose, ... positionnement, largeur/hauteur fixées à la construction de la page et non par la longeur du contenu ?, scroll , etc ?... bon alors je me plonge dans object et ses attributs.

  6. #6
    Membre Expert Avatar de Madfrix
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 326
    Par défaut
    (re)salut,

    A tout hasard, as tu visité ce lien ?

    http://www.wikistuce.info/doku.php/j...lon_le_contenu

Discussions similaires

  1. Bordure double entre les cases d'un tableau
    Par Juju54350 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 11/09/2012, 19h20
  2. Réponses: 5
    Dernier message: 22/06/2011, 16h21
  3. bordure entre les cellules
    Par ryan dans le forum Mise en page CSS
    Réponses: 14
    Dernier message: 28/07/2007, 10h59
  4. Benchmark entre les langages
    Par El blérot dans le forum Langages de programmation
    Réponses: 4
    Dernier message: 27/12/2002, 02h22
  5. Réponses: 3
    Dernier message: 07/05/2002, 17h06

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