1 pièce(s) jointe(s)
Mise en forme CSS non appliquée pour un contenu généré par du JS
Bonjour,
je fais appel à vous car je ne trouve pas de solution à mon problème.
Je veux afficher la météo sur mon site. J'utilise donc les nombreuses options fournies par les sites spécialisés mais j'ai des choses bizarres...
exemple 1 sans anomalie :
Code:
1 2 3 4
| <div id="meteo" class="bloc_cadre">
<h1>Météo du jour</h1>
<p><a id='lcm2K13_348' href='http://france.lachainemeteo.com/meteo-france/ville/previsions-meteo-saint-perdon-10757-0.php'>Meteo Saint-Perdon</a><script src='http://services.lachainemeteo.com/meteodirect/generationjs/javascript?type_affichage=vignette&w=140&h=175&idc=lcm2K13&entite=10757&type_entite=1&echeance=0&rand=348'></script></p>
</div> |
le CSS :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| .bloc_cadre{
width: auto;
}
.bloc_cadre h1 {
padding-left: 5px;
padding-top: 10px;
display: inline-block;
border-right: 25px solid transparent;
border-bottom: 25px solid grey;
height:0;
color: white;
font-weight: bold;
font:18px arial;
}
.bloc_cadre p {
border: 1px solid #4c4c4c;
padding: 10px;
background-color:#fff;
margin-top:-13px;
margin-left:auto;
margin-right:auto;
} |
Le 2ème exemple avec anomalie :
Code:
1 2 3 4
| <div id="meteo" class="bloc_cadre">
<h1>Météo du jour</h1>
<p><div id="div_widget_meteo_paris"><!-- Widget2 Meteo copyright 2014 - Modification et reproduction interdite --><span id="lien_widget_meteo_paris" style="display:block;height:0;font-size:0"><a href="http://www.meteo-villes.com">Météo Villes</a></span><script type="text/javascript" src="http://www.meteo-paris.com/widget3/loader/4/30/000000/version3/0b0f4c/zzzzzz/000/000/000/1/1__1__0__0/saint-perdon-40090"></script></div></p>
</div> |
Pièce jointe 151742
Il n'y a pas de cadre dans le 2ème cas et je ne vois pas pourquoi et s'il existe une solution pour contourner ce problème.
Merci d'avance pour vos contributions.
Cordialement