Pour insérer du JS, CSS dans le head et du HTML à la position indiquée.

Centrage module

bmzen
Auteur du sujet
Hors Ligne
Nouveau membre

Plus d'informations

il y a 7 ans 10 mois #26 par bmzen

Centrage module a été créé par bmzen

Bonjour,

A priori je vais inaugurer la section.

Tout d'abord je dois préciser que je suis novice en la matière. Je met en place un site associatif et je cherchais comment afficher un module météo par la biais d’une ligne de code.

Aucun souci pour afficher le module, c'était simple.

Par contre je me heurte au centrage de mon module qui pour le moment est aligné sur la gauche.

J'ai beau chercher google n'est pas mon ami sur ce coup là.

Quelqu'un aurait-il une solution à me donner ?

Les utilisateur(s) suivant ont remercié: lomart

Connexion ou Créer un compte pour participer à la conversation.

lomart
Hors Ligne
Administrateur

Plus d'informations

il y a 7 ans 10 mois #27 par lomart

Réponse de lomart sur le sujet Centrage module

Bienvenue et merci d'inaugurer cette section.

Pour centrer un contenu, le plus simple est de le mettre dans une balise DIV dont on centre le contenu

Code:

<DIV style="text-align:center"

... le contenu ..

</DIV>

Normalement cela doit suffire, en cas de souci, il faut regarder le code du module météo

Bonne journée

Lomart

Connexion ou Créer un compte pour participer à la conversation.

bmzen
Auteur du sujet
Hors Ligne
Nouveau membre

Plus d'informations

il y a 7 ans 10 mois #28 par bmzen

Réponse de bmzen sur le sujet Centrage module

Merci pour la réponse rapide.

C'est ce que j'avais fait dans le champ code HTML/PHP mais cela n'a aucune influence sur le module.

Mais il est possible que ce soit la balise div qui ne puisse pas être double ?

Code:

<DIV style="text-align:center">

<!-- widget meteo -->

<div id="widget_2840031e4d37ee6bf2015c6a862ed7a6">

<span id="l_2840031e4d37ee6bf2015c6a862ed7a6"><a href="http://www.my-meteo.fr/previsions+meteo+france/clermont+l+herault.html">My-Meteo</a></span>

<script type="text/javascript">

(function() {

	var my = document.createElement("script"); my.type = "text/javascript"; my.async = true;

	my.src = "http://services.my-meteo.fr/widget/js-design.php?ville=13166&format=vertical&nb_jours=3&coins&c1=145787&c2=ffffd7&c3=145787&c4=145787&c5=145787&police=7&t_icones=2&fond=0&masque=0&x=160&y=442&id=2840031e4d37ee6bf2015c6a862ed7a6";

	var z = document.getElementsByTagName("script")[0]; z.parentNode.insertBefore(my, z);

})();

</script>

</div>

<!-- widget meteo -->

</DIV>

Connexion ou Créer un compte pour participer à la conversation.

lomart
Hors Ligne
Administrateur

Plus d'informations

il y a 7 ans 10 mois #29 par lomart

Réponse de lomart sur le sujet Centrage module

En effet, il faut agir sur le bloc interne

Pour ne pas toucher au code de meteo-france (en cas de mise à jour), il est possible d'ajouter cette règle CSS

Code:

#meteo > div {margin:0 auto;}

en ayant pris soin de modifier le HTML comme ceci :

Code:

<DIV id="meteo"">

<!-- widget meteo -->

<div id="widget_2840031e4d37ee6bf2015c6a862ed7a6">

Tu peux mettre le code CSS dans ton fichier template ou plus simplement dans l'onglet CSS de LM-Custom pour regrouper l'ensemble du code en jeu.

Bonne fin de journée

Les utilisateur(s) suivant ont remercié: bmzen

Connexion ou Créer un compte pour participer à la conversation.

bmzen
Auteur du sujet
Hors Ligne
Nouveau membre

Plus d'informations

il y a 7 ans 10 mois #30 par bmzen

Réponse de bmzen sur le sujet Centrage module

Effectivement cela fonctionne.

Un grand merci

J'ai mis le code dans l'onglet CSS de LM custom et aucun souci

Connexion ou Créer un compte pour participer à la conversation.

Propulsé par Kunena