Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1101 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Placement d'images

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Placement d'images

n°297858
urd-sama
waste of space
Posté le 31-01-2003 à 13:18:23  profilanswer
 

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?

mood
Publicité
Posté le 31-01-2003 à 13:18:23  profilanswer
 

n°297859
Profil sup​primé
Posté le 31-01-2003 à 13:22:25  answer
 

Code :
  1. position: absolute;


 
 :??:


Message édité par Profil supprimé le 31-01-2003 à 13:22:39
n°297860
urd-sama
waste of space
Posté le 31-01-2003 à 13:25:41  profilanswer
 

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

n°297863
Profil sup​primé
Posté le 31-01-2003 à 13:27:22  answer
 

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

n°297865
gizmo
Posté le 31-01-2003 à 13:28:28  profilanswer
 

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.

n°297866
urd-sama
waste of space
Posté le 31-01-2003 à 13:29:49  profilanswer
 

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

n°297869
urd-sama
waste of space
Posté le 31-01-2003 à 13:30:52  profilanswer
 

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?

n°297870
Profil sup​primé
Posté le 31-01-2003 à 13:32:25  answer
 

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:

n°297873
urd-sama
waste of space
Posté le 31-01-2003 à 13:34:32  profilanswer
 

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:

n°297878
Profil sup​primé
Posté le 31-01-2003 à 13:37:03  answer
 

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:

mood
Publicité
Posté le 31-01-2003 à 13:37:03  profilanswer
 

n°297882
urd-sama
waste of space
Posté le 31-01-2003 à 13:38:59  profilanswer
 

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

n°297886
Profil sup​primé
Posté le 31-01-2003 à 13:40:03  answer
 

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 ?

n°297891
urd-sama
waste of space
Posté le 31-01-2003 à 13:41:48  profilanswer
 

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

n°297893
Profil sup​primé
Posté le 31-01-2003 à 13:44:52  answer
 

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
n°297894
urd-sama
waste of space
Posté le 31-01-2003 à 13:46:15  profilanswer
 

mouaif, le truc c'est que j'aimerais pas perdre trop de temps non plus... vais y réfléchir à 2 fois

n°297930
gizmo
Posté le 31-01-2003 à 14:27:44  profilanswer
 

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.

n°297971
gm_superst​ar
Appelez-moi Super
Posté le 31-01-2003 à 15:06:51  profilanswer
 

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
n°298226
urd-sama
waste of space
Posté le 31-01-2003 à 19:52:07  profilanswer
 

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

n°298276
gm_superst​ar
Appelez-moi Super
Posté le 31-01-2003 à 21:45:40  profilanswer
 

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
n°299863
urd-sama
waste of space
Posté le 03-02-2003 à 11:30:37  profilanswer
 

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>

n°299873
gm_superst​ar
Appelez-moi Super
Posté le 03-02-2003 à 11:39:34  profilanswer
 

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
n°300074
urd-sama
waste of space
Posté le 03-02-2003 à 13:46:09  profilanswer
 

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

n°300085
gm_superst​ar
Appelez-moi Super
Posté le 03-02-2003 à 13:50:52  profilanswer
 

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
n°300097
urd-sama
waste of space
Posté le 03-02-2003 à 13:55:57  profilanswer
 

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

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Placement d'images

 

Sujets relatifs
ne pas utiliser le cache pour les images[js] je voudrais preloader toutes les images d'un site...
[html hard core newbie] Problème pour juxtaposer des images...[CSS ] et padding/magin sous IE !
J'arrive pas a faire un beau tableau nikel.. (CSS inside)[html, js] préchargement d'images : je me demande si...
Problème d'arrondis (images) avec fond en couleur[CSS] Largeur de tableaux dans un div
[HTML, CSS] Calcul de la largeur minimale[CSS Newbie] : pourquoi cette différence ?
Plus de sujets relatifs à : [CSS] Placement d'images


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR