Redimensionnement du texte : problème avec les images

[krystof]

Bonjour,
Lorsque l' on redimensionne la taille du texte avec ctrl + la molette de la souris, le texte diminue et s' agrandit mais les images ne bougent pas de place et du coup, elles passent par dessus le texte.
Sur cette page par exemple : http://www.microsoft.com/france/office/ ... fault.mspx
Les images se décalent pour laisser place au texte lorsque l' on redimensionnent la taille du texte.
Comment faire pour palier à ce problème sous Kompozer ?
merci

[chinon37]

Tout dépend du mode de positionnement de tes images: en absolu ou en relatif...
En absolu, les images sont fixes par rapport à la page exemple: une image placée à 100 px du bord gauche et 200 px du haut ne bougera pas
en relatif, ton image est placée dans le flux de la page en fonction de l'élément qui la précède. Si cet élément se déplace, l'image se déplacera en fonction du déplacement de l'élément. Dans le cas qui te préoccupe, si l'image est relative au texte, le texte en s'agrandissant déplace l'ensemble.
Pô sur d'être clair
Tu peux donner l'adresse de ta page pour une explication plus pratique

[krystof]

Je t' ai envoyé un MP, l' as tu eu ?

[myahoo]

Je t' ai envoyé un MP, l' as tu eu ?

Regarde dans ta boîte d'envoi, et tu le sauras directement (ce qui y est n'est pas encore lu, et peut être édité) :

• http://www.geckozone.org/forum/privmsg. ... der=outbox

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9a3pre) Gecko/20070313 Minefield/3.0a3pre

[krystof]

merci, il a donc bien été envoyé.

Je mets le lien ici car j' ai plusieurs problèmes et je ne sais pas comment les régler :
http://chrisllers.free.fr/textes/commentcamarche.html
ne vous moquez pas !!
- les images passent dessus le texte quand je redimensionne le texte dans le menu affichage de mon navigateur internet. j' aimerai qu' elles changent de place en accompagnant le texte lors la modification de sa taille, comme sur un site normal quoi !!
- il y a des différences d' affichages entre ce que je constate chez moi et sur d' autres machines.
exple : la rubrique comment ça marche, la photo " structure de DVD" est chez moi bien centrée et ailleurs, elle masque une partie du texte.
- sur ma machine toujours, tout est bien centré alors qu' ailleurs, tout est décalé vers la gauche.
- d' autre part, les images mettent du temps à s' affichées alors que j' en ai réduit fortement la taille. A quoi est ce dû ?

si quelqu' un peut m' aider ce serait sympa, je crois qu' en regardant le code des pages, certains vont voir rouge !!!

[Ymai]

merci, il a donc bien été envoyé.

Je mets le lien ici car j' ai plusieurs problèmes et je ne sais pas comment les régler :
http://chrisllers.free.fr/textes/commentcamarche.html
ne vous moquez pas !!

Ce n'est pas le but ni le genre de la maison.

- les images passent dessus le texte quand je redimensionne le texte dans le menu affichage de mon navigateur internet. j' aimerai qu' elles changent de place en accompagnant le texte lors la modification de sa taille, comme sur un site normal quoi !!

L'image "Structure d'un DVD" est placée dans un <div> en position absolue. C'est donc normal qu'elle reste en place.
Il faut oublier cette méthode de positionnement, au moins dans ses premières productions. Pour les suivantes, je n'en ai pas encore bien perçu l'intérêt, d'ailleurs.

- il y a des différences d' affichages entre ce que je constate chez moi et sur d' autres machines.

Avec quel navigateur?

exple : la rubrique comment ça marche, la photo " structure de DVD" est chez moi bien centrée et ailleurs, elle masque une partie du texte.
- sur ma machine toujours, tout est bien centré alors qu' ailleurs, tout est décalé vers la gauche.
- d' autre part, les images mettent du temps à s' affichées alors que j' en ai réduit fortement la taille. A quoi est ce dû ?

Effectivement.
Serait-ce un effet de bord du positionnement absolu? J'observe que les images ne commencent à apparaître qu'à la fin du chargement de la page.
Quand on va dans le répertoire contenant les images et que l'on clique sur chacune d'elles, la vitesse d'apparition est tout à fait normale.
D'autre part, chaque page contient un nombre assez considérable d'informations de mise en page qui doivent également être téléchargées. D'où un temps de latence supplémentaire.
Voir le 4e Commandement: http://www.geckozone.org/forum/viewtopi ... 932#360932

si quelqu' un peut m' aider ce serait sympa, je crois qu' en regardant le code des pages, certains vont voir rouge !!!

Légèrement pourpre, pas plus. Mais le veau d'or est toujours debout.

[edit]Une chose encore: je n'ai pas bien perçu l'intérêt de mettre les titres dans des tableaux formés d'une seule cellule.
Et sans leur accorder le statut de titre (<hx>), d'ailleurs.
Une seule règle CSS permettrait de définir la mise en forme de l'ensemble des titres => page plus légère.
[/edit]

[krystof]

L'image "Structure d'un DVD" est placée dans un <div> en position absolue. C'est donc normal qu'elle reste en place.
Il faut oublier cette méthode de positionnement

Et commen faut il que je les positionne alors ?

Avec quel navigateur?

avec IE mais également firefox.
avec l' un comme l' autre, je vois quasiment la même chose chez moi.
Sur une autre machine, j' ai observé un retrait globale vers la gauche.

Pour ce qui est des tableaux, je ne comprends pas à quoi ils servent alors.

Une seule règle CSS permettrait de définir la mise en forme de l'ensemble des titres => page plus légère.

je ne sais pas du tout m' en servir, j ai essayé d' y echapper !!

[Ymai]

Vite fait:
http://info.sio2.be/kpz/1/9.php et
http://info.sio2.be/kpz/3/9.php
pour le positionnement des images.

[krystof]

j' ai compris le problème : c' est que je déplace mes images en cliquant sur le bouton " dissocier du texte".
sur les liens que tu m' as donné, on ne peut les mettre qu' à gauche ou à droite. Mais comment la mettre là où je veux ?
j' ai déjà du texte, et je veux mettre une image à droite.

[Ymai]

position: absolute;

C'est ceci le problème. A éviter, a priori. Et c'est précisément obtenu en utilisant l'outil "Dissocier du texte".

Dans le cas présent, l'ensemble du document est présenté dans un tableau
Les techniques présentées dans les références fournies peuvent aussi être appliquées. L'image se cale, par exemple, sur le bord droit du tableau et le texte coule autour de l'image.

[krystof]

ce serait sympa que j' ai un enfant de 5 ans à coté de moi parce que je ne pige pas grand chose.
je n' ai pas envie que cette image se colle à droite ou à gauche.
j' ai envie qu' elle soit dans le cercle jaune.
lorsque j' insère une image sans la dissocier du texte, le texte se décale vers le bas pour laisser place à l' image

[chinon37]

la façon la plus simple de placer une image dans le flux est :
mettre le curseur à l'endroit où doit se trouver l'image > insertion d'une image > choisir l'image + onglet apparence des propriétés de l'image > placement du texte... et éventuellement marge autour de l'image pour "décoller" l'image du texte

[Ymai]

Zut, grillé...
Bon, je mets le résultat, pour éviter la frustration totale:

Ce qui, après un sérieux nettoyage, donne le code:

Code : Tout sélectionner

<h1>TRAITEMENTAUDIO
<img style="width: 120px; height: 108px;" alt="TEXTE ALTERNATIF"
 src="http://chrisllers.free.fr/photos/cdelipse.jpg"
 align="middle" hspace="50">
</h1>

Mais on peut faire mieux en pur CSS

[krystof]

je suis désolé mais je n' arrive pas à faire celà autrement qu' en cliquant sur le bouton " dissocier du texte".
je ne sais pas comment vous faites.
je mets mon curseur après audio, je ne peux pas le mettre de toute façon aucun texte n' a été frappé après.
j' insère l' image, et tout le reste se décale vers le bas.....

EDIT
sur ton image, le titre a été décalé à gauche.

[chinon37]

dans les proprietes de l'image, onglet apparence, placement du texte. Essaie toutes les solutions, l'une d'elles te conviendra surement (alignement: au centre selon Ymai amen!)