Placement d'images [CSS] - HTML/CSS - Programmation
Marsh Posté le 31-01-2003 à 13:22:25
Code :
|
Marsh Posté le 31-01-2003 à 13:25:41
.PosTexte {position:absolute; top:0; left:594;}
c'est la position depuis la coordonnée 0 de l'écran (en haut à gauche).
Marsh Posté le 31-01-2003 à 13:27:22
Urd-sama a écrit : .PosTexte {position:absolute; top:0; left:594;} |
Oui mais t'as cas les placer a partir de ça tes images.
Puis mets des margin-left et margin-top a la place de top et left
Marsh Posté le 31-01-2003 à 13:28:28
Urd-sama a écrit : .PosTexte {position:absolute; top:0; left:594;} |
non! c'est la position à partir du dernier élément englobant déterminé en relatif ou absolu.
Marsh Posté le 31-01-2003 à 13:29:49
...
bon je recommence.
je peux pas utiliser cette solution car mon site est fait dans un tableau CENTRE, ce qui fait que suivant les résolutions, le milieu n'est pas à la meme coordonnée.
Je peux pas utiliser les margin car les images se placent les unes par rapport aux autres (et vu que parfois la première devra apparaitre et parfois non, ca ne va pas).
Marsh Posté le 31-01-2003 à 13:30:52
gizmo a écrit : |
tu peux expliquer avec des mots plus simples? ce que j'aimerais, c'est que mes images se placent à partir de la référence de la cellule, est-ce possible?
Marsh Posté le 31-01-2003 à 13:32:25
Urd-sama a écrit : ... |
=> repenser la conception du site
Marsh Posté le 31-01-2003 à 13:34:32
ChiCOToS a écrit : |
le tableau centré c'est ce que j'ai trouvé de mieux après les frames, si t'as une meilleure solution je veux bien entendre
Marsh Posté le 31-01-2003 à 13:37:03
Urd-sama a écrit : |
Je vois pas trop a koi ressemble ta page , si tu pouvais donner une url ça serait cool.
Marsh Posté le 31-01-2003 à 13:38:59
nah, il est encore en frame, je projette de le faire en tableau dès que j'aurai du temps. mais faut que je programme mes trucs correctement en vue de ce changement
Marsh Posté le 31-01-2003 à 13:40:03
Urd-sama a écrit : nah, il est encore en frame, je projette de le faire en tableau dès que j'aurai du temps. mais faut que je programme mes trucs correctement en vue de ce changement |
Et pkoi pas utiliser des div a la place des tableaux ?
Marsh Posté le 31-01-2003 à 13:41:48
ChiCOToS a écrit : |
j'ai fais qq tests et ch'us pas convaincue... et puis surtout j'arrive pas bien à utiliser
Marsh Posté le 31-01-2003 à 13:44:52
Urd-sama a écrit : |
C'est ça qui te pose probleme surtout je crois.
Y'a une FAQ très complete sur ce forum, y'a qqes temps je savais meme pas ce que c'était les div, maintenant je sais très bien les utiliser.
Faut te prendre un peu le tps d'apprendre tout ça, tu verra ça va bcp te servir, tu peux faire pleins de trucs avec les divs, et aux normes !
Marsh Posté le 31-01-2003 à 13:46:15
mouaif, le truc c'est que j'aimerais pas perdre trop de temps non plus... vais y réfléchir à 2 fois
Marsh Posté le 31-01-2003 à 14:27:44
Urd-sama a écrit : |
oui, c'est possible. il te suffit d'indiquer dans ton css que ta cellule a un display relatif ou absolu.
Marsh Posté le 31-01-2003 à 15:06:51
gizmo a écrit : oui, c'est possible. il te suffit d'indiquer dans ton css que ta cellule a un display relatif ou absolu. |
En l'occurence, mieux vaut qu'elle soit en relatif, car en absolu ça ne fera que reporter le problème sur le conteneur supérieur.
Marsh Posté le 31-01-2003 à 19:52:07
et "codement" parlant ca ressemble à quoi?
histoire que je puisse organiser mes recherches
Marsh Posté le 31-01-2003 à 21:45:40
La cellule dans laquelle tu veux placer tes images doit avoir cette propriété :
position: relative;
Ensuite chaque image pourra être placée de manière absolue avec :
position: absolute;
top: Npx;
left: Npx;
Marsh Posté le 03-02-2003 à 11:30:37
ah vi ca marche très bien pour ce que je veux faire! Un petit exemple que j'ai fais comme test, ca peut toujours servir:
<div align="center">
<table border="1" width="70%">
<tr>
<td width="100%" style="position:relative;">
<font style="position:absolute; top:50; left:50;">ldakfjds</font>
<font style="position:absolute; top:25; left:25;">asdfasdf</font>
</td>
</tr>
</table>
</div>
Marsh Posté le 03-02-2003 à 11:39:34
N'oublie pas de préciser les unités :
top:50px; left:50px;
Marsh Posté le 03-02-2003 à 13:50:52
IE peut être, mais pas Mozilla (pas d'unité => propriété ignorée)
Marsh Posté le 31-01-2003 à 13:18:23
voilà j'ai un petit problème dans l'utilisation des css. J'aimerais placer dans une cellule de tableau différentes images à des places différentes.
Pour cela, j'avais trouvé la solution position:relative, mais cette dernière s'avère peut utilisable dans un site fait sous forme de tableau centré, donc peu enclin à être toujours à la meme coordonnée.
J'ai également essayé le système de mettre une marge (margin-left et margin-top). ca va très bien pour une seule, mais la deuxième se met par rapport à la première, ce qui n'est pas possible vu que l'insertion sera possible ou non.
je suis donc coincée sur ce problème... pour le moment j'avais utilisé un autre tableau par dessus, avec des emplacement pour les images, mais c'est pas terrible du tout comme technique...
y'a-t-il une solution à mon problème?