IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

probleme de position absolute


Sujet :

Positionnement en CSS

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 32
    Par défaut probleme de position absolute
    bonjour, je souhaite placer une image sur mon site. Cela fonctionne mais je voudrai que cette position soit fixe. Parce que là si ça par exemple je réduit la fenetre, l'image change de place. Idem si je change la résolution de mon écran, l'image n'est plus du tout placée au même endroit. Comment puis je faire ?

    voila mon script

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <STYLE>
    <!--
    .radio_test{position: absolute; top: 300px; left: 215px; }
    -->
    </STYLE>
    <div class="radio_test">
    <img src="ghost.gif" width='200' height='220'></a>
    </div>

  2. #2
    Membre averti
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    32
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2006
    Messages : 32
    Par défaut
    je suppose qu'il faut utiliser la position relative mais ça ne fonctionne pas, enfin là en relative les positions ne changent plus mais comme j'ai besoin de mettre ces images dans un tableau ( ou par dessus ) si j'utilise relative, c'est tout l'affichage de mon site qui est décalé.

    Personne ne sait ?

  3. #3
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Bonsoir,

    Tu veux que ce soit fixe par rapport à quoi ?

    Poste nous le code généré par ton navigateur, ainsi que le CSS pour que l'on voit comment positionner ton image.

    Remarque :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <style> <!-- si HTML5, sinon <style type="text/css"> -->
    .radio_test{position: absolute; top: 300px; left: 215px; }
    </style>
    <div class="radio_test">
    <a href="lien.html"><img src="ghost.gif" style="width: 200px; height: 220px;" /></a>
    </div>
    Si tu fermes une balise <a>, il faut d'abord l'ouvrir, sinon tu la fermes pas.
    Les attributs width et height sont dépréciés. Préfère l'usage du CSS pour la mise en forme.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  4. #4
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Citation Envoyé par Torgar
    Les attributs width et height sont dépréciés.
    Où as-tu lu cela ?
    C'est vrai que la mise en forme doit passer par css, mais width et height permettent de préparer l'espace dévolu aux images au chargement du html.

  5. #5
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Disons qu'en HTML 4 les width et height sont dépréciés pour presque tout sauf les balises images, objets et iframes. Je trouve plus commun de passer par du CSS pour tous plutôt que de mélanger entre attribut HTML et style CSS. C'est une question de préférence et de point de vue.

    Maintenant rien ne l'empêche de le faire en effet. Ce n'était qu'une suggestion.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

Discussions similaires

  1. Probleme position:absolute (je pense)
    Par xxcoincoinxx dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 06/04/2009, 17h34
  2. Probleme position absolute
    Par kanabzh29 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 27/10/2008, 12h05
  3. [HTML/CSS] position absolute et centrage
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 23/08/2005, 11h11
  4. [xml-xsl] Probleme avec position()
    Par seb30 dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 21/04/2005, 11h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo