Css disparue une fois sur l'hébergement

Fermé

tastybuddy Messages postés 2 Date d'inscription lundi 27 novembre 2017 Statut Membre Dernière intervention 28 novembre 2017 - 27 nov. 2017 à 19:00
tastybuddy Messages postés 2 Date d'inscription lundi 27 novembre 2017 Statut Membre Dernière intervention 28 novembre 2017 - 28 nov. 2017 à 19:08

Bonjour,

J'ai réalisé une page web avec une série de css. Cela fonctionne très bien sur mon ordinateur mais une fois en ligne, je perds les css (enfin certaines).. Je crois bien que ce sont celles de mailchimp, mais je ne cormprends pas pourquoi ? ? Vous auriez une idée : voici le lien :
http://www.lesnouveauxterriens.fr/tb-lesnourrituresterrestres2/

Merci bcp !!

A voir également:

Css disparue une fois sur l'hébergement
Sirène pompiers 5 fois signification ✓ - Forum Loisirs / Divertissements
Signe fois clavier iphone ✓ - Forum Word
Excel colonne a disparue ✓ - Forum Excel
Imprimer plusieurs fois la même image sur une page ✓ - Forum Logiciels
Pc qui bip 3 fois démarrage ✓ - Forum BIOS

2 réponses

Réponse 1 / 2

Judge_DT Messages postés 29395 Date d'inscription vendredi 5 février 2010 Statut Modérateur Dernière intervention 23 octobre 2021 9 654
Modifié le 28 nov. 2017 à 04:24

Salut,

Il y a déjà deux fois la même ligne dans le code,

Ligne 9 à 11 :

<link href="http://cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet"

      type="text/css">

Ligne 21 à 23 :

<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet"

        type="text/css">

Supprime donc la seconde, qui est déjà plus haute et remet des balises <style></style> dans le "head" de ta page.

Enfin, évite de commencer une ligne et la finir deux lignes plus bas avec du blanc entre, comme c'est le cas dans ton code. Parfois, ça peut être mal interprété par les navigateurs.

Version corrigée :

<!DOCTYPE html>
<html>
  <head>
   <meta content="text/html; charset=UTF-8" http-equiv="content-type">
   <title>Accueil- Table d'hôtes - Porte de Gascogne - Les Nourritures Terrestres </title>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" type="text/css">
    <style type="text/css">
	#mc_embed_signup form {
  	display: block;
	position: relative;
 	text-align: left;
  	padding: 0;
	}
	#mc_embed_signup .mc-field-group {
 	width: 99.5% !important;   /* Restreint la taille des champs de saisie à 100% */
 	padding-bottom: 0;
 	min-height: 30px;
	}
	</style>
  </head>
  <body>
    <div id="form">
      <p> Un dimanche par mois, venez déguster des plats généreux, partager
        la conversation, échanger des textes poétiques ou militants, marier le
        rural à l'urbain ...Chaque mois une nouvelle aventure culinaire !<br>
        Pour en savoir plus... écrivez-nous, inscrivez-vous.<br>
      </p>
      <!-- Begin MailChimp Signup Form -->
	<div id="mc_embed_signup">
    <form action="https://lesnouveauxterriens.us1.list-manage.com/subscribe/post?u=b313c7d6dd3853fded15d436e&id=cb693dedbb" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
	<div id="mc_embed_signup_scroll">
    <h2>Inscrivez-vous afin de recevoir <br /> nos invitations mensuelles :</h2>
    <div class="indicates-required"><span class="asterisk">*</span>champ requis</div>
	 <div class="mc-field-group">
	   	<label for="mce-EMAIL">Adresse email <span class="asterisk">*</span></label>
		<input value="" name="EMAIL" class="required email" id="mce-EMAIL" type="email">
	 </div>
     <div class="mc-field-group"> 
		<label for="mce-FNAME">Prénom</label>
        <input value="" name="FNAME" class="" id="mce-FNAME" type="text">
     </div>
    <div class="mc-field-group"> 
		<label for="mce-LNAME">Nom</label>
		<input value="" name="LNAME" class="" id="mce-LNAME" type="text"> 
	</div>
    <div style="display:none" class="mc-field-group input-group">
		<strong>Intéressés par </strong>
    <ul>
    <li><input value="128" name="group[4337][128]" id="mce-group[4337]-4337-0" type="checkbox"><label for="mce-group[4337]-4337-0">Terroircamp</label></li>
    <li><input value="256" name="group[4337][256]" id="mce-group[4337]-4337-1" type="checkbox"><label for="mce-group[4337]-4337-1">Les nouveaux terriens</label></li>  		<li><input value="32768" name="group[4337][32768]" id="mce-group[4337]-4337-2" checked="checked" type="checkbox"><label for="mce-group[4337]-4337-2">Table d'hôtes Nourritures terrestres</label></li>
    <li><input value="65536" name="group[4337][65536]" id="mce-group[4337]-4337-3" type="checkbox"><label for="mce-group[4337]-4337-3">C'est une tuerie tes épinards</label></li>
    </ul>
    </div>
    <div class="mc-field-group input-group"> <strong>Email Format </strong>
      <ul>
       <li><input value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0" type="radio"><label for="mce-EMAILTYPE-0">html</label></li>
       <li><input value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1" type="radio"><label for="mce-EMAILTYPE-1">text</label></li>
      </ul>
    </div>
    <div id="mce-responses" class="clear"> </div>
      <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
      <div style="position: absolute; left: -5000px;" aria-hidden="true"><input name="b_b313c7d6dd3853fded15d436e_cb693dedbb" tabindex="-1" value="" type="text"></div>
      <div class="clear"><input value="S'INSCRIRE" name="subscribe" id="mc-embedded-subscribe" class="button" type="submit"></div>
    </div>
  </form>
  </div>
  <script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
  <script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text'; /*
 * Translated default messages for the $ validation plugin.
 * Locale: FR
 */
$.extend($.validator.messages, {
        required: "Ce champ est requis.",
        remote: "Veuillez remplir ce champ pour continuer.",
        email: "Veuillez entrer une adresse email valide.",
        url: "Veuillez entrer une URL valide.",
        date: "Veuillez entrer une date valide.",
        dateISO: "Veuillez entrer une date valide (ISO).",
        number: "Veuillez entrer un nombre valide.",
        digits: "Veuillez entrer (seulement) une valeur numérique.",
        creditcard: "Veuillez entrer un numéro de carte de crédit valide.",
        equalTo: "Veuillez entrer une nouvelle fois la même valeur.",
        accept: "Veuillez entrer une valeur avec une extension valide.",
        maxlength: $.validator.format("Veuillez ne pas entrer plus de {0} caractères."),
        minlength: $.validator.format("Veuillez entrer au moins {0} caractères."),
        rangelength: $.validator.format("Veuillez entrer entre {0} et {1} caractères."),
        range: $.validator.format("Veuillez entrer une valeur entre {0} et {1}."),
        max: $.validator.format("Veuillez entrer une valeur inférieure ou égale à {0}."),
        min: $.validator.format("Veuillez entrer une valeur supérieure ou égale à {0}.")
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
      <!--End mc_embed_signup--> </div>
  </body>
</html>

~ Savoir écouter, c'est posséder, outre le sien, le cerveau des autres... disait Léonard de Vinci.
~ “L'art d'écrire est avant tout de se faire comprendre„ — Eugène Delacroix

Réponse 2 / 2

tastybuddy Messages postés 2 Date d'inscription lundi 27 novembre 2017 Statut Membre Dernière intervention 28 novembre 2017
28 nov. 2017 à 19:08

Bonjour,
Merci pour tout mais ça ne marche pas mieux...
Pour être plus précis, après avoir testé. En fait, c'est le lien <link href="http://cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> qui ne fonctionne pas.
Au départ dans mailchimp, "http://" n'est pas inscrit. Or, quand je l'ajoute localement, cela fonctionne bien. Par contre, la présence de "http://" ne change rien en ligne sur le site...
Merci.

Discussions similaires

Que peut faire 3fois/j un homme, mais qu'1fois/j une femme

paiment 4x nickel sur top achat

Pourquoi 3 fois !?

devinette

Devinette