Problème avec le footer

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec le footer

Message par virginia le Dim 17 Juil 2016 - 15:11

Bonjour !

Je poste ici pour vous demander de l'aide.

J'ai tenté d'afficher mon footer afin d'y mettre des partenaires, mais je m'aperçois que je n'y arrive pas. J'ai bien utilisé le tutoriel avec le code en javascript:

Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("XXX");
});

Et comme indiqué j'ai changé les "XXX" par les codes en html de mes partenaires et finalement rien ne s'affiche ! Alors que les écrits s'affichent ...

Je ne sais donc pas quoi faire ...

Est-ce qu'il y aurait une âme sensible pour m'aider ? ^^

Merci d'avance à ceux qui liront ce message ♫


Dernière édition par virginia le Lun 18 Juil 2016 - 9:33, édité 1 fois

virginia
*

Féminin
Messages : 32
Inscrit(e) le : 16/03/2011

http://lunedesang.forums-actifs.net
virginia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le footer

Message par MlleAlys le Dim 17 Juil 2016 - 16:09

Bonjour,
- lorsque vous laissez les XXX tels quels, s'affichent-ils correctement dans le footer ?
- si oui, pourriez vous fournir un code où vous avez remplacé les XXX et qui au final n'affiche rien ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le footer

Message par virginia le Dim 17 Juil 2016 - 16:18

Oui, les XXX s'affichent bien et lorsque je change par ce code:

Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<a href="http://totemique.forumactif.org/"> <img src="http://img15.hostingpics.net/pics/124631011246JZLJ1t30.png" /></a>");
});

eh bien plus rien ne s'affiche ..

virginia
*

Féminin
Messages : 32
Inscrit(e) le : 16/03/2011

http://lunedesang.forums-actifs.net
virginia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le footer

Message par MlleAlys le Dim 17 Juil 2016 - 16:36

Le problème vient du fait que le code affiche les XXX qui sont entre guillemets. Or, dans le code que vous proposez à la place des XXX, il y a aussi des guillemets. Le code lit donc "<a href=" et ne comprend pas ce qu'il y a après, donc n'affiche rien.
Pour éviter ce problème il faut utiliser un deuxième type que guillemets : les apostrophes '...' et faire la distinction entre les deux types. Par exemple :
Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<a href='http://totemique.forumactif.org/'> <img src='http://img15.hostingpics.net/pics/124631011246JZLJ1t30.png' /></a>");
});
ou
Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append('<a href="http://totemique.forumactif.org/"> <img src="http://img15.hostingpics.net/pics/124631011246JZLJ1t30.png" /></a>');
});

(du coup, faites également aux apostrophes si vous mettez du texte, il faut mettre un \' pour ne pas qu'il soit pris en compte comme une apostrophe)

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le footer

Message par virginia le Dim 17 Juil 2016 - 16:56

Ah oui je ne jamais à ça !!!

Et du coup ... Si je peux me permettre de continuer à embêter ....

Comment puis-je faire un espace entre les liens obligatoire de forumactif et les icons des partenaires ?
Et si je veux insérer une sorte de cadre plus petit pour encadrer les partenaires, il faut que je fasse un CSS ou tout est faisable par le javascript ?

Ce que j'ai à présent ...:

virginia
*

Féminin
Messages : 32
Inscrit(e) le : 16/03/2011

http://lunedesang.forums-actifs.net
virginia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le footer

Message par MlleAlys le Lun 18 Juil 2016 - 0:11

le mieux est d'encadrer vos favoris dans un bloc <div>, et d'en modifier l'apparence via css à l'aide d'un identifiant :
Code:
$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("<div id='part-footer'>XXX</div>");
});
(attention, je ne sais pas quels guillemets vous avez choisis)
et avec du css par exemple ajouter dans la feuille de style :
Code:
#part-footer {
  border: 3px solid red;
  padding: 5px;
  margin: 10px 0;
}

(bordure 3px rouge, marge intérieure 5px, marge au dessus et en dessous de 10px)

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec le footer

Message par virginia le Lun 18 Juil 2016 - 9:33

Merci beaucoup !!! C'est parfait !!! Very Happy

Je peut donc marquer ce sujet comme résolu.

Merci bien pour votre aide ! Yes

virginia
*

Féminin
Messages : 32
Inscrit(e) le : 16/03/2011

http://lunedesang.forums-actifs.net
virginia a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum