Affichage de code sur mon site

[rainet]

merci beaucoup !

[Tortue Genial 69]

Bonjour Pascal, oui tout à fait zut je pensais avoir supprimé tout le post car effectivement j'ai résolu le problème entre temps, est il possible de supprimer le sujet du coup ? Merci !

change le sujet du topic et mets le en REGLE

[rainet]

Bonjour Pascal, oui tout à fait zut je pensais avoir supprimé tout le post car effectivement j'ai résolu le problème entre temps, est il possible de supprimer le sujet du coup ? Merci !

[pmleconte]

Bonsoir Noëlle,

Avez-vous résolu votre problème car je ne vois pas d'affichage bizarre sur votre site ?

De plus, en tant que modo, je vois que vous avez supprimé vos réponses où vous disiez que c'est résolu.

Pascal

[rainet]

Bon alors j'ai trouvé il suffisait juste de supprimer les balises <style> ...

[rainet]

Alors j'ai trouvé le widget qui pose problème mais je ne sais pas comment identifier / corriger l'erreur ..


<button id="rsvit_btn" style="display:block ; bouton-sticky">
<i id="btn_bed_ico" class="fa fa-calendar" aria-hidden="true"></i><h4>Réservez</h4>Meilleur tarif garanti
</button>
<div id="ReservitBestPriceWidget" style="display:none;">
<div id="box_btn">
<i id="box_btn_close" class="fa fa-times" aria-hidden="true"></i>
</div>
<div id="ReservitBestPriceWidgetbox">
<iframe id="iframeReservitBestPriceWidget" src=""></iframe>
</div>
</div>

et le code css


<style>
#rsvit_btn {
justify-content: center;
align-items: center;
transform: initial;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: #c3941d;
color: #fff;
border: 0;
bottom: initial;
cursor: pointer;
right: 0;
position : fixed;
z-index: 999999;
display: none;
}

#iframeReservitBestPriceWidget {
margin: auto;
border: none;
max-width: initial;
text-align: center;
width: 100%;
height: 100%;
padding-top: 5px;
}
#btn_bed_ico {
font-size: 3em;

}
#rsvit_btn>span {
font-weight: normal;
}
#ReservitBestPriceWidgetbox {
border: 0;
position: relative;
z-index: 999998;
background-color : transparent;
text-align: center;
overflow: hidden;
width: 250px;
height: 100%;
}
#ReservitBestPriceWidget {
position: fixed;
top: 65%;
display: none;
text-align: center;
width: 250px;
height: 450px;
right: 0;
transform: translateX(0);
transform: translateY(-50%);
left: initial;
z-index: 9999;
}
#box_btn_close {
color: black;
margin: 0px 0px;
}
#box_btn_close:hover {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#box_btn {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: -10px;
left: -10px;
width: 30px;
height: 30px;
border-radius: 20%;
padding-top: -10px;
text-align: center;
cursor: pointer;
background-color: #c3941d;
z-index: 1000000;
}
/* DEBUT RESPONSIVE */
@media (max-width: 790px) {
#rsvit_btn {
width: 92%;
left: 4%;
bottom: 0;
top: initial;
border-bottom-left-radius: 0;
border-top-right-radius: 5px;
background-color: rgba(244,158,76,0.9);
}
#ReservitBestPriceWidget {
left: 50%;
right: initial;
margin-left: -125px;
}
}
@media screen and (max-width:450px) and (orientationortrait) {
#ReservitBestPriceWidget {
width: 250px;
height: 90%;
}
}
@media screen and (max-width:750px) and (orientation:landscape) {
#ReservitBestPriceWidget {
width: 250px;
height: 90%;
}
}
/* FIN RESPONSIVE */

button {
appearance: button;
position: fixed;
top:40%;
right:-2%;
text-rendering: auto;
color: #fff;
text-transform: uppercase;
display: none;
text-align: center;
cursor: default;
background-color: #362c3f;
box-sizing: border-box;
font: 400 11px arial;
line-height: 0.1em;
border-radius: 5%;
padding: 30px 55px 30px 30px;
border-width: 0px;
z-index: 999998;



}


}
</style>

[rainet]

Bonjour,

j'ai ce code qui s'affiche en vers le bas de mon site

http://abracadabra2.rainet-creations.com/

@media (max-width: 640px) { #page\#0-0-0-1 .el-meta { display: none; } } @media (min-width: 960px) { #page\#1-0-1-0 .uk-first-column > .el-item { margin-top: 80px; } } @media(min-width: 640px) { #page\#4 > div { padding-top: 10vw!important; } }

je n'ai aucune idée de comment résoudre ce problème ni d'où il vient ! Je vous remercie d'avance de votre aide !

cordialement, Noëlle