Placement du texte, aide !

Fermé
alx_x Messages postés 3 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 1 novembre 2007 - 1 nov. 2007 à 04:54
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 1 nov. 2007 à 19:25
Bonjour,
J'ai un soucis pour mon site.
Lorsque j'entre du texte, le texte ne se place pas où il doit être, et quand je reduis la fenêtre, le texte ne reste pas fixe..!
Si quelqu'un pourrait m'aider ce serai sympa :]
Mon site et le problème : http://skinsc.free.fr/

Merci d'avance.

5 réponses

alx_x Messages postés 3 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 1 novembre 2007
1 nov. 2007 à 10:21
Bonjour, merci de ta réponse mais le retour à la ligne on s'en fou, c'est juste un exemple pour vous.
Sinon c'est bien contacte en français traduis. :]
0
Salut


Comme tu as dit :

"le texte ne se place pas où il doit être"

Je pensais à un retour à la ligne non pris en compte ; au-dessus, ce qui fait descendre le texte .

Quand je regardes la page, le texte est en dessous, de là où il semble devoir être (dans le cadre) .

Essayes de nous proposer une image, avec dessus le texte où il est censé être, et où il est en fait, puis aussi le code .
=> Le code, html, ou php ou .. ? de ta page web ; = là où ça coince ; merci . (pour que l'on comprennent bien)


Pour le redimensionnement "dynamique", tout les éléments doivent et peuvent être testés individuellement .
=> Essayes en décomposant chaque élément, pour trouver le problème ; puis regroupes-les pour vérifier .

"quand je réduis la fenêtre, le texte ne reste pas fixe" ; heu, comment procèdes-tu ? (pour que l'on comprennent bien)


merci à d'autres, pour de l'aide plus directe ; merci à tous .

à+
0
alx_x Messages postés 3 Date d'inscription jeudi 1 novembre 2007 Statut Membre Dernière intervention 1 novembre 2007
1 nov. 2007 à 12:02
J'utilises dreamweaver, et pour ajouter du texte j'utilises un calque.
Quant-au texte pas placé dans le cadre, je pourais le faire, le problème est juste que, lorsque je reduis ma fenetre le texte ne se fixe pas, et se déplace donc ne reste pas dans le cadre.

Merci d'avance, je ne repondrais pas avant dimanche, je m'en vais.
Merci à toi :]

Alex.
0
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 776
1 nov. 2007 à 19:25
Bonjour,

D'abord.
Réponds correctement aux questions. Essaye ce qu'on te propose.

Et puis,
“je pourais le faire”
Pourquoi ne le fais-tu pas alors ?

“Sinon c'est bien contacte en français tradui(s)t. :]”
Non.
Enfin, oui mais… Ça dépend du contexte, me semble-t-il.
Un accueil (que tu as choisis)
  J'accueille
Un lien (que tu as choisis)
  Je lie
Un contact (?)
  Je contacte.
Un peu de cohérence ne fait pas de mal (-;

Remarque : si tu ne veux pas te casser la tête, la solution -2 est suffisante.

Ensuite, jamais ton bloc au nom très peu parlant (Layer1) ne fonctionnera comme tu le souhaites.
À cause des choix que tu as fait.
Tu le places au début de la page (?), avant le <table> (?), en absolute. Et donc il reste à la place que tu spécifies.
On s'attend plutôt à le trouver dans un <td> du <table> et pas en absolute, inutile.

Mais même comme ça, tu auras des problèmes.
À cause du fait que tu places tes images directement dans les éléments du tableau.**
Quoique tu fasses, ce bloc de texte-1 viendra s'y insérer et repoussera le reste.

Si tu veux qu'il n'agisse pas sur le reste (en gardant position:absolute) sans pour autant rester solidaire du <body>, il faut que tu places le tableau dans un bloc positionné en relative. Le bloc de texte-2 se référera alors à ce bloc principal et se déplacera avec. Même s'il restera à “left: 265px; top: 448px;” par rapport au coin du bloc principal.

Une meilleure solution serait certainement que tu places tes images en arrière-plan de tes éléments. Par CSS, pas comme ça “<body background="images/bg.png">”.
Et là, plus de problème (de positionnement), plus besoin de absolute.
Le bloc de texte-3 sera placé au-dessus des images et suivra le mouvement.

À tester.

**
La stucture simple que tu as fabriquée permettrait certainement à DW ou à ImageReady de te la livrer faite entièrement avec des “layer”. Ce qui serait plus au goût du jour. Essaye.
Pendant que tu y es, demande-leur d'écrire les balises en minuscules.
Ça nous aidera.


++
• Précise un DOCTYPE.
• Mets le <style> à sa place, dans le <head>.
• <center> n'est pas non plus à sa place, elle doit être dans le <body>.
Et elle est maintenant déconseillée. Utilise un équivalent avec CSS.
• Ton “Layer1” aussi doit être dans le <body>.

Tes images sont trop lourdes, longues à charger. Essaye d'en réduire le poids.
Si tu ne comptes pas utiliser de programmation avec Javascript, par exemple, nomme tes images de manière explicite.
Essaye de faire ton menu avec une liste.

--
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Salut


Petite erreur sur la page http://skinsc.free.fr/ :

Contact ou Contacts ; mais pas Contacte ou Contactes !!? ;-) (à moins que ... ?)

* Mets peut-être un lien provisoire vers ici ? Cette discussion .


Le code à corriger :

Il n'y aurait pas un retour à la ligne dont tu n'ais pas tenu compte ?


************************
<HTML>
<HEAD>
<TITLE>Bienvenue sur SkinSC</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</HEAD>
<style type="text/css">
img { border : none; }
</style>
<center>
<div id="Layer1" style="position:absolute; width:200px; height:20px; z-index:1; left: 265px; top: 448px;">TexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexteTexte</div>
<body background="images/bg.png">
<TABLE WIDTH=794 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>

<TD COLSPAN=8>
<IMG SRC="images/index_01.png" WIDTH=794 HEIGHT=356 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/index_02.png" WIDTH=82 HEIGHT=645 ALT=""></TD>

<TD> <a href="index.html"><IMG SRC="images/index_03.png" ALT="" WIDTH=102 HEIGHT=33 border="0"></a></TD>
<TD> <a href="news.html"><IMG SRC="images/index_04.png" WIDTH=108 HEIGHT=33 ALT=""></a></TD>
<TD>
<a href="skin.html"><IMG SRC="images/index_05.png" WIDTH=108 HEIGHT=33 ALT=""></a></TD>
<TD>
<a href="forum.html"><IMG SRC="images/index_06.png" WIDTH=108 HEIGHT=33 ALT=""></a></TD>
<TD>
<a href="lien.html"><IMG SRC="images/index_07.png" WIDTH=115 HEIGHT=33 ALT=""></a></TD>
<TD>
<a href="contacte.html"><IMG SRC="images/index_08.png" WIDTH=99 HEIGHT=33 ALT=""></a></TD>
<TD ROWSPAN=2>
<IMG SRC="images/index_09.png" WIDTH=72 HEIGHT=645 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=6>
<IMG SRC="images/index_10.png" WIDTH=640 HEIGHT=612 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY></center>

</HTML>
************************


merci .

à+
-1