Déjà inscrit au forum ? Identifiez vous ci-dessous : ( Mot de passe perdu / Mail de validation non reçu )

Pseudo : Mot de passe :

Pas encore inscrit ? Inscrivez vous maintenant au forum !

Accueil du forum >> CSS dans Blog4ever

Images "4angles" pour page d'accueil
leptimondedesofiane


Site/blog

5 messages

posté le 07-04-2008 à 02:36:40

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


Site/blog

61 messages

posté le 07-04-2008 à 08:09:07

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 de BRIC A BRAC


PapyClic


Site/blog

61 messages

posté le 07-04-2008 à 17:09:41

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

PapyClic de BRIC A BRAC


leptimondedesofiane


Site/blog

5 messages

posté le 07-04-2008 à 22:21:38

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


Site/blog

61 messages

posté le 07-04-2008 à 22:46:47

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é.

Je reviens dans 15 mn..



PapyClic de BRIC A BRAC


leptimondedesofiane


Site/blog

5 messages

posté le 07-04-2008 à 22:58:43

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


Site/blog

61 messages

posté le 07-04-2008 à 23:29:17

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 <img> sans faire de <div> comme ci-dessous :


citation :

<IMG style="LEFT: 1px; POSITION: fixed; TOP: 1px;" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407124045.gif" border=0>
<IMG style="RIGHT: 1px; POSITION: fixed; TOP: 1px;" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407125033.gif" border=0>
<IMG style="LEFT: 1px; POSITION: fixed; BOTTOM: 1px;" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407011308.gif" border=0>
<IMG style="RIGHT: 1px; POSITION: fixed; BOTTOM: 1px;" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407013536.gif" border=0>


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.

@+


PapyClic de BRIC A BRAC


leptimondedesofiane


Site/blog

5 messages

posté le 08-04-2008 à 01:53:57

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 :
<IMG style="LEFT: -40px; POSITION: absolute; TOP: -10px" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407124045.gif" border=0> <IMG style="RIGHT: -35px; POSITION: absolute; TOP: -10px" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407125033.gif" border=0> <IMG style="LEFT: -40px; BOTTOM: -20px; POSITION: absolute" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407011308.gif" border=0> <IMG style="RIGHT: -35px; BOTTOM: -20px; POSITION: absolute" src="http://www.blog4ever.com/blogfichiers/139743/boximages/139743080407013536.gif" border=0>

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


Site/blog

61 messages

posté le 08-04-2008 à 14:52:21

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 position figée sur l'écran
- absolute position sur la page

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 mais qu'il est en réalité.

Bonne continuation
Amicalement
@+


PapyClic de BRIC A BRAC


Ce sujet est fermé, vous ne pouvez pas y répondre
Ajouter ce sujet à mes favoris