Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1637 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Intégration iframe dans une page web

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Intégration iframe dans une page web

n°2270683
toto29620
Posté le 02-12-2015 à 10:21:48  profilanswer
 

Salut  :hello:  
 
Je dois ajouter du contenu sur le nouveau site de la boite, très petite structure, pas de service infos en interne, en sachant monter une bécane et la pousser un peu je suis le rois du pétrole pour planter le décors.  
 
J'ai une série de vidéo hébergées sur daylimotion à rajouter, en utilisant le code html fournit par dayli la vidéo fonctionne mais d'une : le player n'est pas centré et surtout de deux : il y a un bandeau noir en fond derrière la vidéo qui passe par dessus le reste du site. C'est moche et ça fait pas pro.  
 
 
La code de la vidéo qui m'intéresse :  
 

Code :
  1. <iframe frameborder="0" width="480" height="270" src="//www.dailymotion.com/embed/video/x2chs3k" allowfullscreen></iframe><br /><a href="http://www.dailymotion.com/video/x2chs3k_se-chauffer-au-bois-les-cles-de-la-renovation-n-3-10-decembre-2014_lifestyle" target="_blank">Se chauffer au bois - Les cl&eacute;s de la r&eacute;novation...</a> <i>par <a href="http://www.dailymotion.com/reseau-CLER" target="_blank">reseau-CLER</a></i>


 
Le résultat :  
 
http://i.imgur.com/LMnkqGJ.jpg?1
 
 
Vous avez une idée ?


Message édité par toto29620 le 02-12-2015 à 12:00:49
mood
Publicité
Posté le 02-12-2015 à 10:21:48  profilanswer
 

n°2270684
toto29620
Posté le 02-12-2015 à 10:51:38  profilanswer
 

Bon pour centrer avec les balises <center></center> ça fonctionne, reste les bandes noires ...

n°2270710
rufo
Pas me confondre avec Lycos!
Posté le 02-12-2015 à 15:23:12  profilanswer
 

<center> est déprécié depuis 20000 je crois :o
 
Il faut utiliser le css en mettant pour le iframe :
margin-left: auto;
margin-right: auto;
text-align: center;
 
Pour ton pb de bande noire, ça va se régler par le css aussi. Le site alsacreation et ses tutos sur le html et css te seront utiles ;)


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2270713
toto29620
Posté le 02-12-2015 à 15:40:30  profilanswer
 

Alors j'ai tenté et au début ça à merdé :o si quelqu’un d'aussi noob que moi passe il faut mettre "margin-left: auto; margin-right: auto; text-align: center;" après les déclaration de hauteur et largeur et pas avant <iframe ... :D Maintenant ça marche !  
 
Je me lance dans la lecture des tuto :jap:

n°2270723
toto29620
Posté le 02-12-2015 à 15:57:38  profilanswer
 

Alors j'ai cherché un peu et essayé de comprendre le fonctionnement de la chose. On peut donc choisir le débordement de l'encadrement si on en veut un, et tout un tas d'autre paramètres. Dans mon code :  
 
 
<iframe width="921"  height="1153" margin-left: auto; margin-right: auto; text-align: center; src="//www.thinglink.com/card/576706384603643906"  
 
type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen  
 
scrolling="no"></iframe>
 
 
frameborder est à 0 donc pas de contour, en le passant à 1 j'ai un contour qui se dessine dans la largeur de la zone de texte mais pas aussi large que les bandes noir en question. Vu que les bandes noir en question ont la même couleurs que certains autre fond du site je pense que c'est un "paramètre du site" qui est foireux en lui même, genre sous chaques éléments texte pas de bordure, etc ... et ils ont oublié de bien paramétrer la chose pour les éléments html.  
 
Il y a un semblant de sens à ce que je raconte ? Je ne suis pas admin du site ou autre ( obvious j'imagine ) je peut juste ajouter du contenu et choisir le type de contenu. Les autres paramètres ne sont accessible qu'au créateurs du site.  
 
La directrice va faire remonter le problème demain au presta mais j'aimerais bien comprendre d'où vient le soucis.

n°2270724
rufo
Pas me confondre avec Lycos!
Posté le 02-12-2015 à 16:20:19  profilanswer
 

-> style="margin-left: auto; margin-right: auto; text-align: center;" :non:  
 
Mais le mieux et de faire un fichier css plutôt que de mettre dans le html les infos de style :pfff: On sépare le fond de la forme :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Cantine Calandreta : http://sourceforge.net/projects/canteen-calandreta
n°2270965
vodkadream
Posté le 07-12-2015 à 15:31:55  profilanswer
 

Salut, je pense qu'il faut se tourner vers <object > et non <iframe >

n°2270981
toto29620
Posté le 07-12-2015 à 16:27:38  profilanswer
 

Bon le presta à fait le taf, plus de bordures qui débordent , le code en question :

 

<iframe width="921"  height="1153" margin-left: auto; margin-right: auto; text-align: center; src="//www.thinglink.com/card/576706384603643906"

 

type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen

 

scrolling="no"></iframe>

 

Perso je n'y vois pas de différence.

 

@rufo Je n'ai pas changé entre temps les paramètres pour centrer, mais je vais le faire, comme ça on peut comparer.

 

Donc à moins que je sois aveugle et que quelque chose ait changé c'est bien un paramètre du site qu'il fallait modifier pour virer le fond noir.


Message édité par toto29620 le 07-12-2015 à 16:27:59

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Intégration iframe dans une page web

 

Sujets relatifs
Noob alert !Pouvez-vous me faire un petit programme a la con contre €€
System.out.println dans méthode mainPetit programme "anti-bruit"
Traitement de gros fichiers CSVPetit problème Java
Python : Demande d'avis pour coup de gueule !ce petit code ne fonctionne pas, pourquoi ?
Domoticz - Mise à jour d'un script (.cpp, .h) - Question de noobPetit Qcm et petit problème
Plus de sujets relatifs à : Intégration iframe dans une page web


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR