Position texte

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Position texte

Message par guilhem_mdg »

Bonjour à tous,
Voilà j'ai dans mon code HTML: <div id="photo"><p>Bonjour</p></div>
Je souhaiterais pouvoir positionner le texte "Bonjour" 10px en partant du bas du "div photo"
Est-ce possible ? Comment ?
Merci !
PS: pourquoi position:absolute ne marche pas ?
Cordialement.
Guilhem.
bobo
Iguane
Messages : 764
Inscription : 18 août 2003, 11:04

Message par bobo »

Le fonctionnement de absolute est un peu plus compliqué qu'il n'y parait.
absolute permet un positionnement par rapport à un élément parent qui engendre un référentiel pour le positionnement. En dernier recours, la racine du document peut servir de référentiel.
Celà signifie qu'un objet positionné en absolute sans un élément de ce genre sera positionné par rapport à l'élément racine (<html> en général).
Comment créer un objet parent pouvant faire office de référentiel ?
Et bien tout élément utilisant position: ≠static est un référentiel pour ses enfants. On utilise souvent position: relative; à cet effet.
Ensuite on utilise bottom: 10px; pour se positionner à partir du bas.
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.
guilhem_mdg
Lézard à collerette
Messages : 438
Inscription : 18 juin 2004, 09:13

Message par guilhem_mdg »

Ah c bon, merci beaucoup ! Ca marche...
Par-contre, IE doit faire n'importe quoi... :lol:
Cordialement.
Guilhem.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités