[CSS] Placement d'images

Placement d'images [CSS] - HTML/CSS - Programmation

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?

Reply

Marsh Posté le 31-01-2003 à 13:18:23   

Reply

Marsh Posté le 31-01-2003 à 13:22:25    

Code :
  1. position: absolute;


 
 :??:


Message édité par Profil supprimé le 31-01-2003 à 13:22:39
Reply

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).

Reply

Marsh Posté le 31-01-2003 à 13:27:22    

Urd-sama a écrit :

.PosTexte {position:absolute; top:0; left:594;}
 
c'est la position depuis la coordonnée 0 de l'écran (en haut à gauche).


 
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

Reply

Marsh Posté le 31-01-2003 à 13:28:28    

Urd-sama a écrit :

.PosTexte {position:absolute; top:0; left:594;}
 
c'est la position depuis la coordonnée 0 de l'écran (en haut à gauche).


non! c'est la position à partir du dernier élément englobant déterminé en relatif ou absolu.

Reply

Marsh Posté le 31-01-2003 à 13:29:49    

:heink: ...
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).
 :sweat:

Reply

Marsh Posté le 31-01-2003 à 13:30:52    

gizmo a écrit :


non! c'est la position à partir du dernier élément englobant déterminé en relatif ou absolu.


 
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?

Reply

Marsh Posté le 31-01-2003 à 13:32:25    

Urd-sama a écrit :

:heink: ...
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).
 :sweat:  


 
=> repenser la conception du site
 
 :pt1cable:

Reply

Marsh Posté le 31-01-2003 à 13:34:32    

ChiCOToS a écrit :


 
=> repenser la conception du site
 
 :pt1cable:  


 
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  :sweat:

Reply

Marsh Posté le 31-01-2003 à 13:37:03    

Urd-sama 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  :sweat:  


 
Je vois pas trop a koi ressemble ta page , si tu pouvais donner une url ça serait cool.
 :sarcastic:

Reply

Marsh Posté le 31-01-2003 à 13:37:03   

Reply

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

Reply

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 ?

Reply

Marsh Posté le 31-01-2003 à 13:41:48    

ChiCOToS a écrit :


Et pkoi pas utiliser des div a la place des tableaux ?


 
j'ai fais qq tests et ch'us pas convaincue... et puis surtout j'arrive pas bien à utiliser

Reply

Marsh Posté le 31-01-2003 à 13:44:52    

Urd-sama a écrit :


 
j'ai fais qq tests et ch'us pas convaincue... et puis surtout j'arrive pas bien à utiliser

 
 
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 !  [:yuck]


Message édité par Profil supprimé le 31-01-2003 à 13:45:22
Reply

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

Reply

Marsh Posté le 31-01-2003 à 14:27:44    

Urd-sama 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?


 
oui, c'est possible. il te suffit d'indiquer dans ton css que ta cellule a un display relatif ou absolu.

Reply

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.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 31-01-2003 à 19:52:07    

et "codement" parlant ca ressemble à quoi?
histoire que je puisse organiser mes recherches  :)

Reply

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;


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

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>

Reply

Marsh Posté le 03-02-2003 à 11:39:34    

N'oublie pas de préciser les unités :
 
top:50px; left:50px;


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 03-02-2003 à 13:46:09    

il prend pas en pixels par défaut?  :??:

Reply

Marsh Posté le 03-02-2003 à 13:50:52    

IE peut être, mais pas Mozilla (pas d'unité => propriété ignorée)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 03-02-2003 à 13:55:57    

ah c'est bon à savoir ca, merci  :jap:

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed