CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS ou JS] rectangle avec texte fixe

sterua
sterua
Niveau 4
08 août 2008 à 12:47:14

Bonjour tout le monde
voila, je suis en train de faire un site, et j'aimerais dans la page "achat", qui est un rectangle avec le prix de la commande qui reste toujours au meme endroit, meme si l'utilisateur fait défilé la page.
Pour cela, j'ai utilisé du CSS avec un code

  1. Prix {postion:fixed;}

Jusque la, tout va bien. Le morceau de texte est fixe.
Le seul problème, c'est quand le reste de la page défilé, cela se superpose avec ce qu'il y a entre les balises <Prix>.
Y'a t'il un moyen en css de faire que ca ne se superpose pas ou dois-je passer pas JavaScript ?
Si je dois passer par javaScript, comment dois-je faire ?

Merci pour vos futures réponses.

deepblue
deepblue
Niveau 16
08 août 2008 à 13:03:07

google : css z-index

sterua
sterua
Niveau 4
08 août 2008 à 14:23:42

j'ai essayé cette propriété, mais elle marche avec la position fixed :snif: . Du coup, si je mes une position relative, le bloc prix défile comme le reste du texte.
n'y a t-il pas d'autres possibilités ?

deepblue
deepblue
Niveau 16
08 août 2008 à 15:23:04

Ton cadre avec le prix de la commande, écris le après ton prix, il prendra normalement le focus tout seul.

sterua
sterua
Niveau 4
09 août 2008 à 00:01:32

j'ai pas comprix deepblue.
mettre le cadre du prix apres le bloc de prix ???

deepblue
deepblue
Niveau 16
09 août 2008 à 00:04:57

Dans le code html, écris le cadre du prix de la commande après celui du prix (respect cet ordre) et ça pourra sans doute fonctionner.

sterua
sterua
Niveau 4
09 août 2008 à 01:04:53

c'est ce que j'ai fait mais ca marche po.
En fait mon probleme, c'est que les blocs se superposent. J'arrive pas a fixer le bloc ou il ya le prix, et que le reste du texte, premierement ne debute pas "dessous", et deuxiemement, quand on fait defilé la page, que ca ne se superposent po.

deepblue
deepblue
Niveau 16
09 août 2008 à 01:53:34

wall.deblan.fr
css : html (celui de la page générée)

  • retourne essayer de dormir*
sterua
sterua
Niveau 4
09 août 2008 à 02:47:49

voici les liens de mes codes :

code html:
http://wall.deblan.fr/1218242768/html/1/

code css:
http://wall.deblan.fr/1218242864/css/1/

pour le css, j'ai essayé de mettre position fixed ou relative, dans les deux cas, ca marche pas; En fixed, le cadre prix et sur les premieres lignes du cadre corps;quand on fait defilé, tout passe par dessus ...
En position relative, il défile avec le reste de la page donc ca va pas non pus ...
De meme pour la position absolute.

j'ai même essayer la proprieté z-index qui permet de dire quel bloc doit etre par dessus l'autre, mais ca n'arrange rien.

je suis un peu perdu :snif:

merci beaucoup deepblue :ange: de prendre du temps pour me repondre

sterua
sterua
Niveau 4
09 août 2008 à 15:20:39

personne ne peu m'aider ?

deepblue
deepblue
Niveau 16
09 août 2008 à 18:16:07

Eh doucement ! C'est pas un forum avec un fort trafic...

Bon :
1- <prix> n'existe pas comme balise html...."Et dieu inventa" les id et les calss
2- cette portion de code est écrire avant tes articles, je t'ai dis de le mettre parès
3- #corps à un z-index: 8; mais n'est pas en position:absolute (ou dans le style) donc aucun effet

Donc :
1- tu me vires ce <prix> qui ne sert à rien car ça n'existe pas
2- tu écris <h5>Prix Total : (...)</h5> après tes articles
3- pas de z-index: 8; sur #corps
4- <h5><p>qq chose</p></h5> n'est pas valide : <h5>qq chose</h5> l'est

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment