[HTML/CSS] Fixer une image...

Question

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/a2637262/Ordinateur-de-bureau-Ordinateur-de-bureau-Apple-iMac-Intel-Core-2-Duo-2-66-GHz-20-TFT?Mn=-1&Ra=-5000&To=0&Nu=1&Fr=0  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 !

empty · Accepted Answer

en CSS :
position: fixed; (si un div)

ou

background-attachement: fixed; (si image background)

lebogoss28104 · Answer

Personne ne peut me repondre ? ='(

lebogoss28104 · Answer

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

empty · Answer

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

lebogoss28104 · Answer

Oui j'ai deja fait ca : Dans le doc HTML :

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

lebogoss28104 · Answer

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

lebogoss28104 · Answer

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

empty · Answer

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

lebogoss28104 · Answer

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 !

empty · Answer

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

lebogoss28104 · Answer

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 )

empty · Answer

Le code est une balise à mettre entre les 2 balises head...

<meta name="robots" content="noindex, nofollow" />

Ton site c'est en PHP ?

lebogoss28104 · Answer

Non en HTML ... Merci !

empty · Answer

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 ?

lebogoss28104 · Answer

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 ? =$

empty · Answer

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

Et pour faire un lien vers cet emplacement dans ta page tu fais comme ça : foot Voilà ce qu'est une ancre c'est un lien dans une page pour amené à un emplacement précis dans cette même page...

lebogoss28104 · Answer

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 ?

empty · Answer

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 ^^

lebogoss28104 · Answer

Se n'est pas d'apprendre le PHP qui me jaine ( <-- je sais pas comment sa s'écrit =P ) ... C'est le temps que sa va me prendre ... Toi, tu a apris en combien de temps ?

lebogoss28104 · Answer

En combien de temps je pourais apprendre les bases ? =S

<Dsl pour se post ya eu un beug>

empty · Answer

jaine -> gène

Il n'y a pas de problème pour le temps, il suffit de mettre en pratique directement sur ton site ce que tu apprends dans les tutos du site que je pense t'avoir donné www.siteduzero.com c'est comme ça que j'ai procédé, ensuite j'ai créé d'autres sites, j'ai commencé à avoir la logique du programmeur et à enfin comprendre les explications du manuel PHP (qui explique les fonctions PHP) ^^

En PHP tu sais tout faire un site dynamique (exemple : changer un élément en une seule modification), une calculatrice, tu imagine si sur CCM si c'était du FULL HTML ? Ce qu'on écrit serait envoyé par email à une personne et il devrait créer ou modifier une page HTML pour chaque POST ^^ Ben voilà ça déjà c'est du PHP automatiser des tâches, etc... Les bases ça dépend de quelles bases tu as besoin, au début tu verra comment afficher du texte, puis comment inclure des documents, etc... Tu pourrai lire tous les tutos en 1 jour et les comprendre facilement (mon cas) mais après quand tu essaye de mettre en pratique c'est plus difficile... Il faut lire et mettre en pratique les exercices qu'il te montre, tout est expliqué de A à Z :-) Essaye de commencer tu verra ;-) ton site n'en sera que mieux.

lebogoss28104 · Answer

Merci baucoup ! Je vais mis mettre mais pour l'instant il faud que je créer un menu, se serait une image sur l'aquelle je positionne d'otre image/lien ... Je dois commencer par où pour faire ca ? ( ensuite je reprendrais le PHP d'en l'ordre ;-) ... )

empty · Answer

J'ai pas très bien compris mais si c'est pour jouer sur les images et l'effet rollover faut le faire en CSS... (pour l'apparence), pour le PHP.

Je t'aurais bien donné le code mais il faut vraiment que tu lise vite fait le tuto parce que tu vas rien comprendre sinon :-s

il faut plus nommer tes fichiers .html ou .htm mais .php, c'est assez compliquer à expliquer... Mais si tu lis le TUTO tu apprendra vite et facilement... Maintenant tu peux faire ton site en HTML vite fait pour qu'il soit fait puis travailler sur la version PHP...

empty · Answer

Je vois sur ton site que :

Ce site est optimisé pour du 1440x900 ! 

Il faut toujours optimiser son site sur la résolution la plus utilisée 1024*768...

lebogoss28104 · Answer

C'est se que je penssais faire mais un ami ma dit ( à la base il allait peut-etre faire avec moi le site ) que bientôt les personnes aurrons plus des ecran avec des resolutions 1440*900 ...

Et non je ne veus pas faire un menu rollover mais un menu avec un fond transparent fixé et qui aurait des icones ( qui sont les liens ) dessus ...

lebogoss28104 · Answer

Comment je pourais centrer ma page en CSS ? J'ai tout essayer rien à faire !..

lebogoss28104 · Answer

Merci, je vais essayer !

lebogoss28104 · Answer

Non dsl sa ne marche pas ! =S

lebogoss28104 · Answer

Merci pour tes 2 derniere reponse ;-), je test ta derniere !

lebogoss28104 · Answer

Sa ne marche toujours pas !! ='( J'ai penssé que c'était psk j'utilais trop de "

" ... Pourtant quand je place avec des % tout mon contenu placé entre des div, cela marche bien. Mais après quand je fais les soltuions que tu m'a donnais, sa ne déplace que ma baniere !..

empty · Answer

Pourtant tous mes sites sont fait de cette manière et sont bien centré, comme CCM... tu dois mettre un DIV conteneur qui contiendra tout tes autres DIV. DIV { width: 100%; /* Tous les autres DIV */ } #conteneur { width: 800px; margin-left: auto; margin-right: auto; }

lebogoss28104 · Answer

Rien à faire sa ne marche toujour pas ! -_-' Tien mon index : Accueil | Ebi28

News

Pas de news dsl ! =(

Accueil

Bonjours à vous et bien venu sur mon nouveau blog !

Mon blog est en construction ! =P

Arnaud.

Ma feuille css : #ebi { color: #ffffff; position: absolute; top: 205px; left: 235px; position: absolute; } #emplacement { position: absolute; top: 0.5%; left: 2%; } #scroll { overflow: scroll; background-color: #818181; color: #6a6a6a; font-family: comic sans ms; position: absolute; top: 330px; left: 256px; width: 688px; height: 343px; border:#000000 1px solid; } body { background-image: url("fond.png"); background-repeat: repeat-x; background-attachment: fixed; } tr { color: #000000; } td { color: #000000; } table { color: #000000; } a:link { color: #ffffff; } a:visited { color: #ffffff; } a:hover { color: #ffffff; } a:active { color: #ffffff; } #text1 { position: absolute; top: 2px; left: 7px; font-size: 17px; text-align: justify; font-family: Nyala; color: #000000; width: 660px; height: 320px; } #text2 { position: absolute; top: 240px; left: 26px; font-size: 17px; text-align: justify; font-family: Nyala; color: #ffffff; width: 175px; height: 20px; } hr { color: #000000; } #titre { font-weight: bold; font-size: 32px; } #titre1 { font-weight: bold; font-size: 28px; } #image1 { position: absolute; top: 0px; left: 0px; } #image2 { position: absolute; top: 210px; left: 0px; } #accueil { position: absolute; top: 231px; left: 325px; } #moi { position: absolute; top: 231px; left: 410px; } #production { position: absolute; top: 231px; left: 485px; } #admin { position: absolute; top: 231px; left: 585px; } #téléchargements { position: absolute; top: 231px; left: 705px; } #contacter { position: absolute; top: 231px; left: 800px; } Merci pour ton aide !

lebogoss28104 · Answer

Si dans environ une demi heure je ne donne pas de nouvelle avant le lundi prochain... C'est que je suis chez mes grand-parents ! Houra !.... ]-(

lebogoss28104 · Answer

Alors comment je positionne mes images !? =-|

lebogoss28104 · Answer

Ok je regarde ta trouvaille, merci !

empty · Answer

En fait si tu veux un résumé, par exemple si tu veux 3 colonnes tu fais comme suis : HTML

CSS DIV#conteneur { width: 80%; min-width: 800px; /* Si tu veux centrer tout ton site comme sur CCM */ margin-left: auto; margin-right: auto; /* Fin centrage */ } DIV#colonne_1, DIV#colonne_2 { float: left; width: 33%; } DIV#colonne_3 { width: 33%; } Explications Le DIV#conteneur est le DIV qui contient tout ton squelette, on met un width: 80%; pour qu'il se redimensionne automatiquement lorsqu'on redimensionne la fenêtre... A l'intérieur du DIV#conteneur nous avons 3 DIV#colonne_[1-3] (de 1 à 3 ^^ c'est juste pour illustré style REGEX, c'est pas une commande CSS...), nous appliquons float: left; aux 2 premiers DIV pour qu'il positionne le DIV suivant juste à côté de lui (si possible) à la place de le positionner en dessous. Je leur ai défini un width: 33%; par rapport à leur conteneur qui en fait width: 80%;... (Pour eux le conteneur fait 100% donc en faisant 3*33 on tombe à 99% il faut de temps en temps jouer avec les pourcentages car lors du redimensionnement parfois les DIV vont se décaler il faudra peut-être mettre un width: 30%; si ça fonctionne pas avec width: 33%;...) Donc tu auras quelque chose dans ce style, Aperçu Colonne 1 - Colonne 2 - Colonne 3 PS Petit conseil pour t'amuser lors du positionnement met un border: 1px solid black; à tes DIV comme ça tu vois où ils se trouvent et en même temps mais un contenu du style

Colonne 1

Voilà dis moi si tu t'en sors :-)

lebogoss28104 · Answer

Merci !

lebogoss28104 · Answer

Désolé de te dire ca mais sa n'a toujours pas marché !! =S

empty · Answer

Tu as retiré tes position: absolute ? Car sans position absolute ça fonctionne à merveille...

lebogoss28104 · Answer

Oui mais bon j'ai trouvais pour un autre site un moyen radicale : <center>
Malheuresement sa ne marche pas sur le blog que je me créé ...

empty · Answer

En CSS l'équivalent est

body {
      text-align: center;
}

Moi je t'ai donné précédemment la solution, j'ai essayé chez moi ça fonctionne sous tous les navigateurs...

lebogoss28104 · Answer

Ok mais cest pas grave je vais faire avec se que j'ai ...

Et je voulais savoir si tu connaissais le moyen de faire apparaitre des éléments lors d'un clic ?

lebogoss28104 · Answer

Enfete je fais un portail pour psp samblant légerement a vista. Et donc je voudrais lors du clic sur le bouton démarrer, au lieu de faire un lien vers une autre page que le menu apparèsse... Tu sorais comment faire ? =S

lebogoss28104 · Answer

C'est bon j'ai trouvais ;-) ... Merci.

lebogoss28104 · Answer

Encors une question =) ... Peut t-on faire une page default, par example un internaute se trompe dans l'url donc la page le redirige... C'est possible ?

empty · Answer

Oui via un .htaccess

Tu crée sur ton FTP à la racine de ton site un fichier .htaccess (c'est l'extension il faut pas de nom avant donc essaye de le créer directement à partir d'un fichier texte car Windows refuse une extension sans nom...)

tu met la ligne suivante dans ton fichier :
ErrorDocument 404 http://www.commencamarche.net

Et voilà :-)

lebogoss28104 · Answer

Merci baucoup ! Mais ca ne marche quand ligne ? ( car le portaille que je fait ne sera pas en ligne ... )



Saurais tu comment faire pour faire un peut comme google image ( pour le portail =| ) ... C'est à dire que je mets un lien sur la page et la sa ouvre dans la meme page ( pas comme google ) une fenetre ou je peut naviguer sur internet ... Sa doit pas être très facile =S

lebogoss28104 · Answer

Tu parle de quoi la !? =) ... J'ai pas très bien compris je mis connais pas comme un expert en HTML... Je nais que les bases dsl =) ...

lebogoss28104 · Answer

Effectivement, je suis allé voir et c'est bien un truc comme l'iframe qu'il me faud ... Mais il faudrais pouvoir entrer l'url du site que l'utilisateur veut visiter, faire précédent, suivant, actualisation ( facultatif ). Enfin il me faud surtout la barre d'URL. C'est possible tout ca ?

lebogoss28104 · Answer

Peut-tu maider, je cherche un moyen de saisir des url qui souvrirons dans mon iframe. Jusqu'à présent je n'ais trouvé que çà : https://forum.hardware.fr/hfr/Programmation/HTML-CSS-Javascript/html-js-url-sujet_25599_1.htm et je n'ais pas réussis à l'appliquer ... Enfète il ne dise pas comment je dois le relier à mon iframe et je n'ais pas trouvais de moyens ...

empty · Answer

Vite fait comme ça en Javascript, je dirai... Normalement ça devrait le faire, sinon tu as toujours la manière en PHP: Pour la version PHP n'oublie pas de renommer l'extension .html ou .htm en .php :-) Je pense que ça devrait aller, test...

lebogoss28104 · Answer

J'aiessayé ta solution en js mais lorsque je rentre un URL et que je mets 'Aller', sa me mets 'Internet Explorer ne peut pas afficher cette page Web' ... =S ... 

Et sinon tu sorais comment faire pour faire précédant ? ( j'ai trouvé mais lorsque je fais précédent jusqu'au début ( a la page d'accueil ) et que je reffais encor précedent une fois sa quitte et sa revien a la page du chargement du portail ...

lebogoss28104 · Answer

Et puis sur la psp la bouton 'Aller' ne marche pas ... :S

lebogoss28104 · Answer

C'est bon je vais le faire avec quelqu'un d'autre alors se sera sont problème... =P

seb · Answer

Et avec "absolute" ?

[HTML/CSS] Fixer une image...

55 réponses

Discussions similaires

Newsletters