plusieurs remarques:
1) ton texte à une largeur prédéfinie (par le fait que tu as des blocs de largeur définie) donc lorsqu'on fait varier la taille de la fenêtre d'affichage, ce texte garde toujours la même largeur. Est-ce voulu de ta part ou est-ce juste une conséquence de le façon dont tu as créé ta page?
Je pense qu'il est préférable de contraindre le texte à avoir une taille définie plutôt que de faire des blocs. J'ai fait le test, j'obtiens une présentation très très similaire en tapant 26 lignes de moins, soit 66 mots et 341 caractères de moins; ce qui à une vitesse de frappe de 30 caractères à la minute fait gagner 11 minutes... Euh excuse moi je m'égare là...
2) Ton texte n'est pas centré (Je suppose que c'est sur les bords): euh là c'est normal, tes différentes questions ne contiennent pas le même nombre de caractères donc par la méthode que je te propose, tu ne peux pas avoir un texte centré. Par contre un effet que je n'avais pas remarqué en faisant jouer la taille de la page le fond vient "toucher" le texte avant que la mise en page ne change. Il vaudrait mieux mettre padding: 5px au lieu des padding-bottom et top. Concernant le "centrage" tu peux cependant tromper l'ennemi en fixant une largeur qui doit être respectée et le débord d'arrière plan est identique de chaque coté de ton texte (il ne s'agit pas d'un vrai centrage); Remplace la ligne suivante
<div
style="background-color: rgb(255, 204, 153); margin-right: 15%; margin-left: 10%; padding-top: 5px; padding-bottom: 5px;">
par la ligne
<div
style="padding: 5px; background-color: rgb(255, 204, 153); margin-left: 40px; width: 600px;">
Le paramètre à faire varier pour obtenir la largeur que tu veux est width. Par exemple avec 570px tu as aussi l'impression d'un centrage mais uniquement avec safari : sur IE ce n'est pas centré.
Pédagogie de ce changement : on fixe une marge à gauche pour le fond et le texte et on fixe une largeur obligatoire pour ceux-ci, on contraint donc l'apparence un peu comme dans un bloc sauf que tu n'as pas de positionnement du bloc à définir.
3) Pour ce qui est du décalage du paragraphe vers le haut dans NVU en mode WYSIWYG rajoute des retour à la ligne (touche enter) au-dessus de ton paragraphe attention pas de trop (teste avec le navigateur pour voir ce que çà donne.)
A suivre le code avec les nouvelles spécifications. Mais essaye de corriger toi-même dans ton fichier précédent çà forme de ce confronter à l'écriture de code...
Code 1 : options les blocs de texte sont conservés (plus bas le code 2)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title>test novembre 2005</title>
<meta content="Carmelo Gimenez" name="author" />
</head>
<body style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" link="#0000ff" alink="#009900" vlink="#ff0000">
<div><img style="width: 300px; height: 113px;" alt="image" src="http://www.strategia-consulting.com/images/LOGO_STRAT.jpg" hspace="15" vspace="12" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="padding: 5px; background-color: rgb(255, 204, 153); margin-left: 40px; width: 600px;">
<ul style="list-style-type: disc;">
<span> </span> <li>Votre
politique commerciale est-elle en adéquation avec votre
stratégie globale?</li>
<li>Toutes les chances
sont-elles de vôtre côté pour
répondre aux attentes de vos clients?</li>
<li>Etes-vous
sûr de valoriser vos avantages par rapport à vos
concurrents?</li>
<li>Votre image est-elle
réellement bien perçue?</li>
<span> </span>
</ul>
</div>
<br />
<div><br />
<div style="position: absolute; width: 274px; top: 272px; left: 13px;">«[Contact]Civilite»
«[Contact]Nom»,<br />
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div><br />
<div style="position: absolute; top: 506px; left: 12px; width: 750px; text-align: justify;">Ces
questions simples en apparences n'appellent pas de réponses
aussi évidentes. Elles nécessitent une
réflexion
basée sur l'analyse d'une multitude de facteurs internes et
externes à votre entreprise.<br />
</div>
<br />
<br />
<br />
<br />
<div><br />
<div style="position: absolute; top: 620px; text-align: justify; left: 12px; width: 750px;">C'est
une approche privilégiant l'écoute et
le dialogue,
en tenant compte de vos spécificités d'entreprise
que
<span style="font-weight: bold;">Strategia Consulting</span>
se propose de vous aider à mettre en oeuvre
les moyens de créer un réel levier de
développement commercial de votre entreprise.<br />
</div>
<br />
<br />
<div><br />
<div style="position: absolute; top: 696px; left: 12px; width: 676px;">Pour
plus d'informations, appelez-moi directement au <span style="font-weight: bold;">06 21 09 37 27 </span>ou
visitez notre <a href="http://www.strategia-consulting.com">site
web.</a><br />
</div>
<br />
<br />
<div><br />
<div style="position: absolute; left: 12px; top: 753px;">Strategia
Consulting<br />
Carmelo Gimenez<br />
</div>
<br />
<div><br />
<br />
<br />
<div style="position: absolute; left: 12px; top: 855px; height: 22px;"><small>Si
vous ne souhaitez plus recevoir de courrier de Strategia Consulting,
cliquez sur <a href="mailto:
[email protected]?Subject=Ref_Desabo=Elk-1-24269&body=Si%20vous%20ne%20souhaitez%20plus%2%20%200recevoir%20cet%20e-mail,%20cliquez%20sur%20ce%20lien">ce
lien</a>.</small></div>
</div>
</div>
<br />
</div>
</div>
<br />
<div style="position: absolute; text-align: justify; left: 12px; width: 750px; top: 567px; bottom: auto;">Dans
cet univers économique fortement concurrentiel, il ne suffit
plus d'avoir de bons produits pour séduire ses clients. Il
est
donc nécessaire de se singulariser "pour tirer son
épingle du jeu" avec un minimum de cohérence dans
l'action.</div>
</div>
</div>
<div style="position: absolute; left: 12px; top: 168px; font-style: italic;">Révéler
votre potentiel<br />
Créer un levier de
développement<br />
Accroître votre potentiel
économique</div>
</div>
</body>
</html>
code 2 : les blocs de texte sont supprimés voir le post suivant car sinon post trop long