Problème avec le footer

2 participants

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

Résolu Problème avec le footer

Message par virginia Dim 17 Juil - 13: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 - 7:33, édité 1 fois
virginia

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 Dim 17 Juil - 14: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

MlleAlys
Membre actif

Messages : 5747
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 Dim 17 Juil - 14: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

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 Dim 17 Juil - 14: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

MlleAlys
Membre actif

Messages : 5747
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 Dim 17 Juil - 14: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

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 Dim 17 Juil - 22: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

MlleAlys
Membre actif

Messages : 5747
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 Lun 18 Juil - 7:33

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

Je peut donc marquer ce sujet comme résolu.

Merci bien pour votre aide ! Yes
virginia

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