AccueilCSS dans Blog4ever
Images "4angles" pour page d'accueil
leptimondedesofiane

12 messages
0 appréciations
Hors-ligne
0 | | 7 avril 2008
Bonjour Papyclic

J'ai mis sur ma page d'accueil 4 images d'angle comme
pour ta déco de Noel.
Je voudrais que ces images ne flottent pas et reste fixe
sur les 4 coins.
En lisant le lien que tu as donné dans l'article , si j'ai
bien compris, normalement avec la position : fixed, elles ne
devraient pas flotter, j'ai essayer de changer la position, mais rien ne change.
Peut tu me donner l'astuce pour que les images restent fixe, mais a la meme position qu'actuellement sur ma page.
Merci pour ta réponse

Derni?re modification le 07-04-2008 ? 02:39:20
Nathalie
PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 7 avril 2008
Bonjour Nathalie

Pour moi les images sont fixes, je pense que c'est un problème de navigateur.
Moi je suis sous IE7 car IE6 n'interprête pas "fixed".
Est-ce que tu vois dans BRIC A BRAC en bas de l'écran à droite, le résultat du concours de Pâques qui ne défile pas ?
Je vais te mettre une capture de ton blog pour que tu vois le résultat.



Bonne journée





Derni?re modification le 07-04-2008 ? 08:13:03
PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 7 avril 2008
Bonjour Nathalie

Un petit cadeau de PapyClic, j'ai bidouillé un fond de page en 1024*768, à partir de tes images.
Celle du fond je l'ai étirée et j'ai placé les 4 coins.
Si ça te convient je te l'envoie, cliques sur la vignette suivante pour voir:



Si tu le veux, tu placeras ce fond de page même pour toutes les pages. Plus de problème de navigateur ou d'images qui ne se fixent pas...

Bonne journée

Derni?re modification le 07-04-2008 ? 17:11:56
leptimondedesofiane

12 messages
0 appréciations
Hors-ligne
0 | | 7 avril 2008
Bonjour,

Merci pour le petit cadeau, c'est très sympa.
Oui tu peut me l'envoyer, je ferai un essai
sur mon blog, ça peut faire joli.
Pour répondre à votre question, j'ai vérifié et
je suis sous IE7 (et windows vista).
Je vois bien défiler à l'écran le classement
du concours de pâques.

Merci pout ton aide.
Nathalie
PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 7 avril 2008
Bonjour Nathalie

Si tu es sous IE7, tu devrais voir tes images de coins en fixe comme moi, le reste de la page défile en-dessous. Sauf si Vista cause un problème car moi je suis avec XP SP2 ???

Le classement du concours, reste dans le coin droit de l'écran même si tu avances dans la page ?

Je vais regarder à nouveau ton blog pour vérifier ton code source...

Après je t'enverrai le fond de page bricolé.

:note: Je reviens dans 15 mn..


leptimondedesofiane

12 messages
0 appréciations
Hors-ligne
0 | | 7 avril 2008
re

Oui le classement du concours reste bien
dans le coin en bas a droite même quand
j'avance sur la page.

A tout a l'heure
Nathalie
PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 7 avril 2008
me revoilou

Si sur mon blog ça marche il n'y pas de raison pour que ça ne marche pas sur le tien, sauf avec avec certains navigateurs en particulier IE6.

Je vais te faire modifier le code:

1 - clear: both; (supprimé)

2 - mettre directement la position des images dans la balise sans faire de
comme ci-dessous :







Tu peux mettre toutes les images positionnées au début de ta page d'accueil, mêmen celles du bas.

ATTENTION!!! je n'ai pas mis le nounours en ballons.

Si tu modifies tout de suite, donnes moi le résultat je suis en ligne au moins encore une heure.

@+

leptimondedesofiane

12 messages
0 appréciations
Hors-ligne
0 | | 8 avril 2008
Me revoila,

J'ai réussie !!!

J'ai copié le nouveau code que tu m'a donné, mais même avec la fonction "clear:both" les images flottaient toujours sur la page. Alors j'ai encore chercher avec le tableau des attributs et voila ce que j'ai fait :


J'ai le résultat que je voulais obtenir, génial.
Encore merci pour ton aide

Bonne journée

ps: je garde le fond d'écran pour une prochaine création.




Derni?re modification le 08-04-2008 ? 02:10:59
Nathalie
PapyClic

271 messages
1 appréciations
Hors-ligne
0 | | 8 avril 2008
Bonjour Nathalie

Je pense que je n'avais pas compris ce que tu recherchais à obtenir, mais ce n'est pas grave l'essentiel d'y arriver.

Ceci t'a permis de voir la différence entre "fixed" et "absolute":
- fixed :flech: position figée sur l'écran
- absolute :flech: position sur la page

:id1: Maintenant si tu veux positionner des images sur toutes les pages, avec la version Silver ou Gold, ce même code placé dans la bordure gauche, c'est bon.

Je vais fermer ce sujet mais si tu as encore besoin, ce sera avec plaisir que j'essayerai de d'aider, la raison de cette fermeture est que je suis prévenu à l'ouverture de nouveaux sujets.

Encore bravo pour ton blog, Sofiane a beaucoup de chance d'avoir une maman comme toi, tu lui fera de gros bisous de la part d'un papy virtuel :sv5: mais qu'il est en réalité.

Bonne continuation
Amicalement
@+

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 CSS dans Blog4ever.
⨯

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 142 autres membres