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 :

supprimer la bordure d'une iframe


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut supprimer la bordure d'une iframe
    Bonsoir,

    d'abord, j'utilise une iframe car si j'insère directement le code dans ma page, il y a un conflit, et comme je ne sais pas d'où il vient, je recours à une iframe.

    Ca marche bien sauf que je n'arrive pas à supprimer la bordure de l'iframe. Et poutant voici le code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <iframe src="../arrondi/arrondis.html" width="1000" height="200" frameborder="0" scrolling="no"></iframe>
    donc je ne comprends pas...

  2. #2
    Membre expérimenté
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2009
    Messages
    132
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Juillet 2009
    Messages : 132
    Par défaut
    Bonjour,

    L'usage de l'attribut frameborder est invalide en HTML5, et déconseillé sinon. Mieux vaut utiliser du CSS :


  3. #3
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Merci pour la réponse, mais malgré ce code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
      <script>
      .border {
      border: none;
      }
      </script>
    ...
     <iframe class="border" src="../arrondi/arrondis.html" width="1000" height="200"  scrolling="no"></iframe>
    j'ai encore la bordure ; pourquoi ?

  4. #4
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    ...du CSS dans une balise <script>

  5. #5
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 493
    Billets dans le blog
    1
    Par défaut
    Effectivement, c'était moyen, mais même avec <style>, le problème reste...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
      <style>
      .border {
      border: none;
      }
      </style>
    ...
    <iframe class="border" src="../arrondi/arrondis.html" width="1000" height="200"  scrolling="no"></iframe>

  6. #6
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    et ça :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    iframe {border: 0;}

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. supprimer les scrollbars d'une iframe
    Par laurentSc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 30/10/2010, 14h31
  2. Supprimer les bordures d'une liste modifiable
    Par Stimuli dans le forum InfoPath
    Réponses: 3
    Dernier message: 27/06/2008, 17h29
  3. Supprimer/Remplacer contenu d'une iframe
    Par devoluti0n dans le forum Langage
    Réponses: 5
    Dernier message: 03/05/2008, 10h34
  4. Changer la bordure d'une Iframe en cliquant
    Par laugal76 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/11/2007, 17h54
  5. Une iframe qui se supprime elle-même
    Par jibouze dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 19/12/2005, 10h11

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