Discussion :

[Malola]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
.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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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&eacute;t&eacute;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>

Résultat.pdf

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

[Bovino]

La structure HTML est incorrecte : tu ne peux pas mettre de balise de type bloc dans une balise <p>.

[Malola]

Limpide...Merci

Une erreur de débutant je suppose !!!

A moi de trouver la bonne syntaxe alors...