Gadgets en bas de page

0 appréciations
Hors-ligne
Bonsoir Papyclic,

J'essaie d'aligner 3 compteurs cote à cote, sur la même ligne dans le bas de page... impossible, et je ne comprends pas pourquoi et ça me prends la tête :)) Pourtant ça ne doit pas être bien sorcier ! :))
Il me semble qu'il existe un post à ce sujet, quelque part mais je ne l'ai pas retrouvé.

Si tu pouvais me donner une explication ou un lien...

je te remercie.

Bonne soirée

Cricri

1 appréciations
Hors-ligne
:b0: Cricri

J'ai fait un tuto à ce sujet "Bas de page" [lien]
Ce qui est le plus compatible avec les navigateurs, ce sont les tableaux, donc il faut en créer un dans la bordure basse, avec 3 colonnes.






compteur N°1 compteur N°2 compteur N°3


Voilà ce que je peux te dire sur ce sujet, mais si tu as besoin de plus, je suivrai ce post que dans l'aprè-midi, je vais faire des courses.

A plus


0 appréciations
Hors-ligne
Bonjour Papyclic, et merci pour ta réponse.

Bon, j'ai testé ton code tableau, les compteurs sont alignés, mais décalés en hauteur et en plus deux de ces compteurs perdent leur bordure droite
Je te mets une capture qui t'en dira plus que toutes les explications :



Et... comment faire pour créer un espace entre eux ?

Finalement c'est un peu plus sorcier que je ne pensais. :))

Merci !

A+



1 appréciations
Hors-ligne
re Cricri

Ce matin j'étais un peu pressé et je croyais que tu connaissais le paramétrage des tableaux en HTML. Je te passe un lien interessant pour ça [lien], selon les objets que tu mettras, la taille des colonnes ou cellules sera à régler.
Quelques notions rapides :






compteur N°1 compteur N°2 compteur N°3


Ce tableau devrait se centrer dans la partie "Bas" avec une petite marge de chaque côté. Les cellules contenant les objets sont réglables en pourcentage et le contenu devrait se centrer au milieu.

Pour les bordures des objets, il faut voir, tu as peut-être dans le CSS désactivé la bordure des images liens ( a img {border:none} ), si c'est le cas il faut le réactiver en créant une règle spécifique pour ceux dans la partie "Bas"...

Par exemple :
#bas a img {border:1px solid #000000}

rajouté dans la feuille de style ou mettre dans la bordure basse de cette façon :


Voilà en espérant que ces renseignements t'aideront, c'est pas certain que tu obtiennes ce que tu veux, tes objets n'étant pas en place sur ton blog. Il faudrait que je puisse tester mais tu dois avoir un blog d'essai, je pense, tu vois et si tu n'y arrives pas, fais moi un petit mail de rappel.

Bonne continuation




0 appréciations
Hors-ligne
Re,

Bon... ben... m'en vais tester tout ça !

J'ai un blog test, mais gratuit, donc pas de bordures de page.

J'essaie et je te tiens au courant. Merci !

A+

Ps : Ca se remarque tant que ça que je n'y connais rien en tableaux html ? :ptdr:

0 appréciations
Hors-ligne
Re,

Bon, j'ai testé, je n'arrive à rien. Le compteur du milieu est toujours en dessous.

Et ça n'est pas la bordure qui disparait mais carrément un morceau du compteur :))

Je laisse tomber tant pis. Pas pour moi les tableaux, d'autant plus que je démarre avec 2 soucis à régler.

Encore merci

A la prochaine

Cricri

0 appréciations
Hors-ligne
Re bonjour !

Ce fut dur mais j'y suis arrivée ! Ouf :))

Ca n'est pas tellement le tableau qui me posait problème, mais les modules des compteurs. En fait, je peux changer leur taille manuellement depuis le site de ces compteurs, l'apparence changeait mais ça ne changeait pas les attributs sur le blog. Une fois que j'ai enfin (!) remarqué ça, tout s'est arrangé mdr.
Mais quelle prise de tête ! je m'en souviendrai de mon premier tableau !!! :ptdr:

Bref, pour le coup je ne peux que te dire merci car sans tes conseils je n'aurais jamais trouvé !
Et tout ce que tu m'as dit plus haut m'a bien servi.
Donc à l'avenir si tu as besoin de tableaux en tous genres fais moi signe... je suis devenue une vraie pro ! :ptdr:

Merci et bonne continuation !

Bye !

Cricri

1 appréciations
Hors-ligne
:ok1: Cricri je ferme le sujet
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie HTML dans Blog4ever.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 142 autres membres