bonjour,
j'ai insérer des images dans mon sites mais je voudrais quand on visite plus pas à l'aide de la barre de défilement les images descende aussi, j'ai fais une recherche mais je n'ai rien trouve,
si vous connaissez un site ou quoi que ce soit qui parle de cela je suis preneur
merci
Version complète: sur le forum Webmaster Hub : image
CITATION(titange305 @ mardi 28 décembre 2004, 23h18)
j'ai insérer des images dans mon sites mais je voudrais quand on visite plus pas à l'aide de la barre de défilement les images descende aussi, j'ai fais une recherche mais je n'ai rien trouve,
Hein??? Quoi???
Perso, j'ai pas compris ce que tu veux faire...
CITATION(titange305 @ mardi 28 décembre 2004, 23h18)
bonjour,
j'ai insérer des images dans mon sites mais je voudrais quand on visite plus bas à l'aide de la barre de défilement les images descende aussi, j'ai fais une recherche mais je n'ai rien trouve,
j'ai insérer des images dans mon sites mais je voudrais quand on visite plus bas à l'aide de la barre de défilement les images descende aussi, j'ai fais une recherche mais je n'ai rien trouve,
Heu, si les images descendent en même temps que la barre de défilement, à quoi ça sert de descendre ?
enfin je veux dire, si l'immeuble monte en même temps que l'ascenseur, on est toujours au même étage
Vu comme ceci, c'est effectivement plus compréhensible.
Il y a des publicités qui descendent en même temps que la barre de défilement. Il existe également de mini menus, qui font la même chose. Si l'on monte la fenètre, le menu descend en même temps, pour rester dans le navigateur, visible à tout moment.
Je ne suis pas sûr que ce soit possible, je pencherais plutot pour du javascript. Tu peux retrouver ce genre de code dans tout code source, si tu trouves une page se présentant comme ceci.
Nico.
Il y a des publicités qui descendent en même temps que la barre de défilement. Il existe également de mini menus, qui font la même chose. Si l'on monte la fenètre, le menu descend en même temps, pour rester dans le navigateur, visible à tout moment.
Je ne suis pas sûr que ce soit possible, je pencherais plutot pour du javascript. Tu peux retrouver ce genre de code dans tout code source, si tu trouves une page se présentant comme ceci.
Nico.
oui c'est bien ca, un menu qui descend en même temps par exemple,
je vais regarder pour le java alors
merci
je vais regarder pour le java alors
merci
alors donc, pas = bas !
il y a les pubs de weborama font la course avec la barre de défilement.
(pour exemple !)
il y a les pubs de weborama font la course avec la barre de défilement.
(pour exemple !)
Le css peut le faire non ?
source :openweb
CITATION
La position fixe
Comme dans un positionnement absolu, le contenu concerné est retiré totalement du flux. Mais il est cette fois positionné uniquement par rapport aux limites de la zone de visualisation, autrement dit la fenêtre du navigateur. Le défilement de la page n'a aucun effet sur un contenu en position fixe.
Le positionnement fixe n'étant pas reconnu par Internet Explorer 5 et 6 Windows, un positionnement absolu doit s'y substituer dans ce navigateur. Ce résultat peut être atteint grâce à diverses formulations des styles jouant sur des syntaxes CSS2 ignorées par MSIE. Par exemple :
.fixe {
position: absolute;
top: 10px;
left: 10px;
}
html>body .fixe {
position: fixed;
}
MSIE Windows ne lira que la première définition de .fixe et ignorera la seconde car il ne comprend pas la syntaxe html>body. Les navigateurs supportant la position fixe liront les deux positionnements, mais le second se substituera au premier car il est placé après celui-ci dans la feuille de style.
Comme dans un positionnement absolu, le contenu concerné est retiré totalement du flux. Mais il est cette fois positionné uniquement par rapport aux limites de la zone de visualisation, autrement dit la fenêtre du navigateur. Le défilement de la page n'a aucun effet sur un contenu en position fixe.
Le positionnement fixe n'étant pas reconnu par Internet Explorer 5 et 6 Windows, un positionnement absolu doit s'y substituer dans ce navigateur. Ce résultat peut être atteint grâce à diverses formulations des styles jouant sur des syntaxes CSS2 ignorées par MSIE. Par exemple :
.fixe {
position: absolute;
top: 10px;
left: 10px;
}
html>body .fixe {
position: fixed;
}
MSIE Windows ne lira que la première définition de .fixe et ignorera la seconde car il ne comprend pas la syntaxe html>body. Les navigateurs supportant la position fixe liront les deux positionnements, mais le second se substituera au premier car il est placé après celui-ci dans la feuille de style.
source :openweb
oui mais je voudrais le faire pour tous les navigateurs, comme chez moi je suis sous ie ca ne vas pas.
j'ai chercher mais je ne trouve pas grand chose
est ce que quelqu'un aurais une idée.
j'ai chercher mais je ne trouve pas grand chose
est ce que quelqu'un aurais une idée.
Pour mozilla et cie tu utilises le css et la position:fixed
Pour IE et cie tu utilises la position:absolute et tu calcules les parametre top et left tous les x ms avec un timeout.
document.body.scrollTop;
document.body.scrollLeft;
Pour IE et cie tu utilises la position:absolute et tu calcules les parametre top et left tous les x ms avec un timeout.
document.body.scrollTop;
document.body.scrollLeft;
je ne connais pas encore le java donc je suis bloqué
désolé mais merci quand même.
désolé mais merci quand même.
personne ne sais m'aider?
merci
merci
Si tu utilises DreamWeaver, tu as un module qui s'appelle "Persistent Layer Pro" qui permet ce que tu veux pour les différents navigateurs.
Il coûte 34 U.S.$ et fait ce que tu cherches à faire : un menu flottant sur la page.
Dan
L'adresse: http://www.dmxzone.com/ShowDetail.asp?NewsId=4574
Il coûte 34 U.S.$ et fait ce que tu cherches à faire : un menu flottant sur la page.
Dan
L'adresse: http://www.dmxzone.com/ShowDetail.asp?NewsId=4574
malheureusement je n'ai pas dreamweaver 
Une page (voire plusieurs) sur dynamicdrive.com te permet de copier un JavaScript pour un "floating menu".
Vas voir à cette page: http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm
et regardes le menu flottant en bas à gauche.
Dan
Vas voir à cette page: http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm
et regardes le menu flottant en bas à gauche.
Dan
merci je vais essaie de m'en inspirer mais ca va pas etre évident car moi c'est des images que je mets.
Tu as aussi ce script, avec un menu qui reste toujours en haut
http://www.editeurjavascript.com/scripts/s...ation_1_116.php
http://www.editeurjavascript.com/scripts/s...ation_1_116.php
merci Geo mais j'ai un code déjà comme ca mais le problème c'est ca
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
si j'enlève le dtd ca fonctionne
est important c'est deux lignes?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
si j'enlève le dtd ca fonctionne
est important c'est deux lignes?
personne sais me le dire?
CITATION(titange305 @ mercredi 12 janvier 2005, 07h42)
merci Geo mais j'ai un code déjà comme ca mais le problème c'est ca
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
si j'enlève le dtd ca fonctionne
est important c'est deux lignes?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
si j'enlève le dtd ca fonctionne
est important c'est deux lignes?
vu le type de menu que tu comptes mettre en place ... j'aurai tendance à dire au point où tu en es ....
Désolé, c'est méchant.
C'est tout à fait possible de le faire en CSS même pour IE. Il faut juste cependant utiliser un CSS hack pour émuler la propriété fixed. Bien sûr comme toujours il y a le revers de la médaille, et en l'occurence il me semble que ça empêche d'utiliser après le position: absolute; comme il est censé être utilisé (pour IE).
Personnellement j'ai eu un bug en essayant de l'implémenter (j'ai probablement du faire une erreur quelque part, mais ça me gave de chercher
), vu que je me suis retrouvé sous IE avec 2 scroll bars verticale pour une implémentation avec une colonne fixe à gauche, l'une fonctionnelle, l'autre désactivée (la deuxième ne devrait pas s'afficher).
Tu trouveras les explications en français avec des exemples pour l'implémentation de ce hack : UNE ZONE FIGEE A L'ECRAN (en bas) SOUS IE (voir aussi l'exemple 2 qui montre une zone fixe en haut et à gauche).
Bien entendu il y a des avis assez partagés sur l'utilisation de CSS Hacks. Mon avis est qu'il faut au maximum éviter de les utiliser (quitte à se passer de certains atouts des CSS, du moins pour IE, ce qui donnera un rendu un peu différent). Le problème des CSS hacks étant que comme c'est une exploitation d'un bug de rendu des navigateurs en question, ça pourrait changer le comportement de ton code lorsque ces navigateurs seront mis à jour et corrigeront ces bugs (en même temps d'ici à ce qu'IE soit mis à jour et qu'ils y corrigent les bugs...). Il faut garder à l'esprit que ton site devrait être accessible et lisible correctement pour des personnes utilisant des navigateurs ne supportant pas CSS et/ou Javascript (des lecteurs vocaux par exemple, ou des navigateurs texte, ne pas oublier que certains ont CSS avec JS désactivé et inversement). Au passage, il est conseillé pour Javascript de séparer structure et comportement, comme avec CSS on sépare structure et présentation avec des feuilles de styles externes, voir Séparer le comportement de la structure.
Evidémment également, même si toi tu utilises IE, bien vérifier que ton site s'affiche correctement sous Firefox/Netscape et Opera au minimum (les deux autres principaux navigateurs sous Windows), le meilleur moyen étant de commencer par vérifier que ton code est valide : Sujet parlant des différents validateurs de code
Personnellement j'ai eu un bug en essayant de l'implémenter (j'ai probablement du faire une erreur quelque part, mais ça me gave de chercher
), vu que je me suis retrouvé sous IE avec 2 scroll bars verticale pour une implémentation avec une colonne fixe à gauche, l'une fonctionnelle, l'autre désactivée (la deuxième ne devrait pas s'afficher).Tu trouveras les explications en français avec des exemples pour l'implémentation de ce hack : UNE ZONE FIGEE A L'ECRAN (en bas) SOUS IE (voir aussi l'exemple 2 qui montre une zone fixe en haut et à gauche).
Bien entendu il y a des avis assez partagés sur l'utilisation de CSS Hacks. Mon avis est qu'il faut au maximum éviter de les utiliser (quitte à se passer de certains atouts des CSS, du moins pour IE, ce qui donnera un rendu un peu différent). Le problème des CSS hacks étant que comme c'est une exploitation d'un bug de rendu des navigateurs en question, ça pourrait changer le comportement de ton code lorsque ces navigateurs seront mis à jour et corrigeront ces bugs (en même temps d'ici à ce qu'IE soit mis à jour et qu'ils y corrigent les bugs...). Il faut garder à l'esprit que ton site devrait être accessible et lisible correctement pour des personnes utilisant des navigateurs ne supportant pas CSS et/ou Javascript (des lecteurs vocaux par exemple, ou des navigateurs texte, ne pas oublier que certains ont CSS avec JS désactivé et inversement). Au passage, il est conseillé pour Javascript de séparer structure et comportement, comme avec CSS on sépare structure et présentation avec des feuilles de styles externes, voir Séparer le comportement de la structure.
Evidémment également, même si toi tu utilises IE, bien vérifier que ton site s'affiche correctement sous Firefox/Netscape et Opera au minimum (les deux autres principaux navigateurs sous Windows), le meilleur moyen étant de commencer par vérifier que ton code est valide : Sujet parlant des différents validateurs de code
A ce stade, résumons un peu (et évitons de perdre titange305 dans des subtilités délicieuses, mais qui ne lui répondent pas vraiment )
- la méthode naturelle et simple est la position fixe CSS... Mais ça ne va pas car ça ne marche pas dans IE.
- il existe des bidouilles CSS pour obtenir une pseudo position fixe CSS dans IE, mais elles ne sont pas faciles à adapter à un cas précis quand on ne connaît pas bien CSS, et ce sont des bidouilles au résultat douteux.
- il existe une solution clé en main via un module DreamWeaver, mais titange305 n'utilise pas DreamWeaver
- il existe des solutions javascript à la main, mais elles nécessite qu'on les adapte à sa page et qu'on connaisse javascript. Le script http://www.editeurjavascript.com/scripts/s...ation_1_116.php indiqué par Geo avait l'air de marcher pour titange305. le seul problème étant la DTD à modifier.
Donc: utilise http://www.editeurjavascript.com/scripts/s...ation_1_116.php puisque tu as pu l'adapter à ta page. Et supprime sans remords les lignes:
NB pour les puristes qui sont déjà en train de manger leur clavier : oui, je conseille de faire une page sans DTD... Ce qui est la recommandation officielle du W3C lorsqu'un code est invalide au regard des specs HTML ou XHTML (ce qui a toutes les chances d'être le cas ici)
)- la méthode naturelle et simple est la position fixe CSS... Mais ça ne va pas car ça ne marche pas dans IE.
- il existe des bidouilles CSS pour obtenir une pseudo position fixe CSS dans IE, mais elles ne sont pas faciles à adapter à un cas précis quand on ne connaît pas bien CSS, et ce sont des bidouilles au résultat douteux.
- il existe une solution clé en main via un module DreamWeaver, mais titange305 n'utilise pas DreamWeaver
- il existe des solutions javascript à la main, mais elles nécessite qu'on les adapte à sa page et qu'on connaisse javascript. Le script http://www.editeurjavascript.com/scripts/s...ation_1_116.php indiqué par Geo avait l'air de marcher pour titange305. le seul problème étant la DTD à modifier.
Donc: utilise http://www.editeurjavascript.com/scripts/s...ation_1_116.php puisque tu as pu l'adapter à ta page. Et supprime sans remords les lignes:
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
"http://www.w3.org/TR/html4/loose.dtd">
NB pour les puristes qui sont déjà en train de manger leur clavier : oui, je conseille de faire une page sans DTD... Ce qui est la recommandation officielle du W3C lorsqu'un code est invalide au regard des specs HTML ou XHTML (ce qui a toutes les chances d'être le cas ici)
merci pour ta réponse.
Je compte apprendre le java mais il faut commencer petit a petit.
Je ne sais plus valider avec le W3C et tous les sites le recommande?
Je compte apprendre le java mais il faut commencer petit a petit.
Je ne sais plus valider avec le W3C et tous les sites le recommande?
Salut à tous.
Un moyen super simple pour résoudre les pb de CSS d'IE et gérer le position fixed sans se prendre la tête :
http://dean.edwards.name/IE7/
demo (à essayer sous IE biensur) : http://dean.edwards.name/IE7/compatibility/fixed.html
j'espère que ça peut aider ^_^
kilo
Un moyen super simple pour résoudre les pb de CSS d'IE et gérer le position fixed sans se prendre la tête :
http://dean.edwards.name/IE7/
demo (à essayer sous IE biensur) : http://dean.edwards.name/IE7/compatibility/fixed.html
j'espère que ça peut aider ^_^
kilo
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.