Rechercher : dans
Par :

[HTML/CSS] Fixer une image...

Dernière réponse le 24 jun 2009 à 07:30:09 lebogoss28104, le 24 avr 2009 à 13:59:32 
 Signaler ce message aux modérateurs

Bonjour, je cherche depuis longtemps un moyen de fixer une image, une image qui ne bougerais pas lors du scroll. Vous connaissez ce code ? Si oui des explications serais les bien venu ( je ne suis que débutant ).

J'ai deux autress questions =D ... Comment puis-je adaptéer mon site à toutes les résolution et je cherche un autre code pour faire comme dans le site de la fnac : http://micro-informatique.fnac.com/... Cliquer sur l'image de l'imac vous vairez !

Pouvoir déplacer une image. Je ne mis connais absolument pas en flash et je ne veus pas mis consacrer, donc si vous ne connaissais pas d'autres moyens que du flash, pas grave ;-) ...

Merci à vous !

Meilleures réponses pour « [HTML/CSS] Fixer une image... » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...

1

lebogoss28104, le 24 avr 2009 à 14:30:10

Personne ne peut me repondre ? ='(

Répondre à lebogoss28104

2

empty, le 24 avr 2009 à 14:43:18
  • +1

En CSS :
position: fixed; (si un div)

ou

background-attachement: fixed; (si image background) Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

3

lebogoss28104, le 24 avr 2009 à 14:46:59

J'ai déja utilisiser l'atribut "fixed" mais sa ne ma rien donnais.. C'est pour une image autre que le background. =)

Répondre à lebogoss28104

4

empty, le 24 avr 2009 à 14:48:17

As-tu essayé de mettre une image dans un div et d'appliquer la propriété position: fixed; au div ? Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

5

empty, le 24 avr 2009 à 14:52:12

Même en appliquant directement à l'image ça fonctionne regarde : www.cam4ever.be/test

scroll et l'image reste fixe Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

6

lebogoss28104, le 24 avr 2009 à 14:53:41

Oui j'ai deja fait ca :

Dans le doc HTML :

<div id=image>
<img src="..." border=no>
</div>

Dans le doc CSS :

#image {
position: fixed;
widht: ...
}

Alors après je ne sais pas si j'ai fait une faute :$ ...


PS : Ton test ne marche pas chez moi :S !...

Répondre à lebogoss28104

7

lebogoss28104, le 24 avr 2009 à 14:56:38

Sa marche sur chrome mais pas sur IE !!!
Crote... :-(

Répondre à lebogoss28104

8

lebogoss28104, le 24 avr 2009 à 15:07:20

Et pour la resolution ? Quelqu'un peut maider sa c'est plus urgent :P ... Merci à toi en tout cas !

Répondre à lebogoss28104

9

empty, le 24 avr 2009 à 22:58:43
  • +1

Pour IE c'est vrai, j'avais oublié j'ai mis une exception sur le site où j'ai mis un position: fixed;

Pour adapter à toutes les résolutions il suffit de mettre tes div en largeur % et non px, je pourrai te montrer un site que j'ai créé mais je te l'envoi via MP parce que c'est un site pour adulte... Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

10

lebogoss28104, le 25 avr 2009 à 11:04:38

Efectivement :D ...

Merci beaucoup pour ton aide !
Moi je viens de débuter dans le HTML et rêve d'être graphiste mais malheuresement, le travaille et moi sa fait deux ! :P
J'ai d'écouvert ( ou plutot je me suis mis à photoshop ) il y a moin de trois mois ... xP

Le site que je créais en ce moment : http://cgraphique.e3b.org/
Malheuresement je n'ais pas baucoup de temps à y consacrer pour l'instant donc la résolution n'est toujours pas adapté xP ...

Je te le redis, merci beaucoup !

Répondre à lebogoss28104

11

empty, le 25 avr 2009 à 12:50:22
  • +1

C'est du beau design pour quelqu'un qui vient de s'y mettre :-) Un truc important, il faut pas mettre ton site en ligne tant qu'il est pas fini sauf si c'est pour montrer un exemple dans ce cas mettre les Codes pour que Google ne l'index pas, ensuite quand il est fini tester sous les navigateurs les plus utilisés ou en voit d'utilisation :
- Internet Explorer 7 & 8
- Firefox 2 & 3
- Google Chrome
- Safari Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

12

lebogoss28104, le 25 avr 2009 à 13:08:10

Ok merci du conseille !
Tu connais ce code par asart :D ?

( Je l'ai mis en ligne parseque y'a pas plus impatient que moi... Et puis dans les news je demande qui veut participer à la création du site ... Donc sa orait servi à rien si il était fini ! =)

En tout cas merci ! ( Je sais je suis gatêux xD )

Répondre à lebogoss28104

13

empty, le 25 avr 2009 à 13:18:22

Le code est une balise à mettre entre les 2 balises head...

<meta name="robots" content="noindex, nofollow" />

Ton site c'est en PHP ? Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

14

lebogoss28104, le 25 avr 2009 à 13:52:00

Non en HTML ... Merci !

Répondre à lebogoss28104

15

empty, le 26 avr 2009 à 11:15:07

Si tu veux dans le futur faire des modifications sur ton site, il serait bon d'utiliser le PHP car exemple, si tu dois changer ton menu tu va devoir le faire sur toutes les pages HTML, tandis qu'en PHP tu change une seule page, maintenant j'ai vu que pour ton menu tu fonctionne avec des ancres "#" donc tu comptes sûrement mettre tout ton contenu sur une seule page et parcourir ta page avec les ancres ? Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

16

lebogoss28104, le 26 avr 2009 à 14:10:06

Dsl, sa veus dire quoi "encre" en HTML ? =D


Rien à voir avec sa mais saurais-tu comment on peut créer un typo dans photoshop ? =$

Répondre à lebogoss28104

17

empty, le 26 avr 2009 à 17:47:14

L'ancre en HTML c'est par exemple sur une seule page tu met tout ton contenu, je sais pas si tu as déjà vu une F.A.Q (Foire Aux Questions), ben tu as plusieurs liens de questions en début de page et plus bas dans la page tu as les réponses, ben quand tu clique sur une question tu arrive directement à sa réponse plus bas... C'est ça une ancre en fait tu as plusieurs DIV avec des ID différent en attribut exemple :
<div id="foot">

Et pour faire un lien vers cet emplacement dans ta page tu fais comme ça :
<a href="#foot">foot</a>

Voilà ce qu'est une ancre c'est un lien dans une page pour amené à un emplacement précis dans cette même page... Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty

18

lebogoss28104, le 26 avr 2009 à 18:04:37

Oui j'utilise ca !.. Mais j'ai trouvais un truc pour mieu adapté .. ( à mon avis pas la meilleure technique xP ).
Je voulais te posais encor une question :P ... ( t'orais pas msn ou un truc comme ca psk sinon ce topic va être remplie de nos discussions =D ...
Je voulais te demander, tu m'a parlé de php, comme quoi on pouvais modifier toutes les pages à partir d'un seul fichier. Peut-on le faire en HTML ? C'est à dire faire comme une feuille de CSS, on met un lien vers la page HTML ou il y a un bout de code ( pour mon menu =), imaginons qu'il y est le code de mon menu ) et qui ferais comme un lien vers un page CSS mais le ferais vers une page HTML ?

Répondre à lebogoss28104

19

empty, le 27 avr 2009 à 08:44:42

Seulement en PHP déso :-s en fait tu fais une page HTML et tu les lies en PHP... Pour des cours de PHP te rendre sur www.siteduzero.com super bien expliqué sur ce site, c'est la dessus que j'ai appris à partir de zéro ^^ Webmaster - Référenceur - Programmeur - Graphiste

Répondre à empty
Collection CommentÇaMarche.net