5027 sujets

Sémantique web et HTML

Bonjour.
J'essaie de faire un texte déroulant dans un scroll vertical, mais je n'arrive pas à centrer correctement le fond avec le texte .
J'ai essayé plusieurs formules, mais ce n'est pas ça.
Voici mon code, au cas ou quelqu'un aurait la gentillesse de regarder :

<div style="background:black;width:110%">
</style>
</html><div style="background-color:white">
<tr>
<td>
<div style="border: none; overflow: auto; width: 650px; height: 500px">
<FONT color="red">
<center>
<B>INTRODUCTION</B>
</FONT>
</center><br>
<div style="background:black;"> </div>
<FONT size="4">

Connu depuis l'Antiquité, la technique du toucher-palper chinois est un art permettant de<br> traiter un grand nombre de douleurs liées à notre mode de vie.(Stress au travail ou au sein de la vie de couple ou familiale...), le toucher-palper a toujours eu une place importante dans la technique traditionnelle chinoise.<br><br>

L'intérêt de celle-ci est de maintenir ou de rétablir la bonne circulation énergétique dans le corps, permettant ainsi santé et longévité. Cette technique a pour but de détendre le corps. C'est une technique du bien-être.<br><br>

Elle est un moment de détente du corps et de l'esprit.
Cette technique comprend un nombre important de contacts différents ayant chacun leur spécificité. Les uns ont des vertus équilibrantes, les autres dispersantes ou encore tonifiantes, mais toujours reposantes.<br><br>

On traite ainsi diverses douleurs liéés au stress et aux conséquences de la vie moderne... la technique traditionnelle chinoise du Toucher-Palper est d'une remarquable efficacité. C'est une méthode douce est indolore. Elle ne nécessite aucune médication, souvent responsable d'effets secondaires.<br><br>

Outre les techniques du Toucher-Palper décrites dans ce Site, le AMMA est pratiqué aussi bien en Entreprise que chez les Particuliers, moyennant un supplément pour le déplacement.
Nous consulter.<br><br>

Le AMMA est une pratique traditionnelle d'acupression. Il est pratiqué en Asie (Japon) depuis 1300 ans. Il a ensuite été adapté au mode de vie des professionnels occidentaux.<br><br>

Une solution simple afin de réduire le Stress et les troubles de Santé associés. Depuis déjà quelques décennies, la population active ressent une forte tension au travail. Tension nerveuse et Stress peuvent entraîner de nombreuses affections de Santé non spécifiques. Elles se traduisent par de fréquents troubles physiques tels que maux de dos, de tête ou de poitrine, palpitations, problèmes du sommeil ou de digestion, ou encore mal-être psychique (irritabilité, nervosité, abattement).<br><br>

<FONT color="red">
<center><br> Pourquoi le AMMA dans votre Entreprise</B> </FONT><br><br>

Afin d'obtenir de meilleures capacités décisionnelles, de meilleures qualités relationnelles et une meilleure forme morale et physique.<br><br>

Le Amma assis se pratique habillé, sur une chaise ergonomique, et dans les locaux de l'Entreprise, ce qui le rend psychologiquement accessible.<br>

Participez au bien-être de vos employés et réduisez le coût du Stress dans votre Entreprise. Le Amma assis devient abordable financièrement, en le ramenant à un coût forfaitaire journalier. </FONT>
</div>
</td>
</tr>

</div>

</table>

Merci de me répondre et bonne journée,
Jack.
Bonjour,

Une bonne partie de tes problèmes provient de multiples erreurs dans le code html. Il faut bien faire attention aux balises ouvrantes (comme <div>) et fermantes (comme </div>). Je vois par exemple en plein milieu du code la balise fermante </html>, qui normalement devrait se trouver uniquement en fin de code. Je vois aussi que la deuxième balise <center> n'a pas de balise fermante correspondante. Il y en a beaucoup d'autres qui trainent comme les <tr>, <td>, </tr>, </td>... qui peuvent être très certainement supprimées. D'une manière générale, il faut simplifier au maximum le html.

Plutôt que de mettre des <br><br>, il vaudrait mieux utiliser la balise <p>.

Ensuite, pour les styles, on n'utilise plus les balises <font>, <center>, ... Il vaut mieux regrouper les informations concernant les styles dans une balise <style> dans la partie <head> de la page, ou dans un fichier .css externe.

On doit aussi éviter d'utiliser l'attribut style="...". Les informations correspondantes sont à déplacer vers une balise <style> dans la partie <head> de la page.

Tu notera l'emploi d'une classe que j'ai appelé "magic" (tu peux utiliser n'importe quel autre nom), qui permet d'appliquer des styles aux éléments html qui ont cette classe. Ainsi, la balise <div class="magic"> aura pour style ce qui est définie dans div.magic {...} dans la balise <style> de la partie <head>.

Enfin, on ne comprend pas bien dans la question ce que tu souhaites centrer.

Voici un code remis en ordre, avec un exemple de balise <style> dans la partie <head> :
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=yes">
<style>
body
{
	background: black;
}
div.magic
{
	border: none;
	overflow: auto;
	width: 650px;
	height: 500px;
	background: white;
	padding: 8px;
	margin: 0 auto;
}
h2
{
	color: red;
	text-align: center;
	font-weight: bold;
}
</style>
</head>
<body>

<!-- On suppose qu'il y a quelque part ailleurs dans la page une balise <h1>, d'où l'utilisation de balises <h2> pour les titres dans le texte ci-dessous. -->

<!-- Au lieu de la balise <div> ci-dessous, on pourrait par exemple utiliser une balise <section> -->

<div class="magic">

<h2>INTRODUCTION</h2>

<p>Connu depuis l'Antiquité, la technique du toucher-palper chinois est un art permettant de
traiter un grand nombre de douleurs liées à notre mode de vie
(Stress au travail ou au sein de la vie de couple ou familiale...),
le toucher-palper a toujours eu une place importante
dans la technique traditionnelle chinoise.</p>

<p>L'intérêt de celle-ci est de maintenir ou de rétablir
la bonne circulation énergétique dans le corps,
permettant ainsi santé et longévité. Cette technique a pour but de détendre le corps.
C'est une technique du bien-être.</p>

<p>Elle est un moment de détente du corps et de l'esprit.
Cette technique comprend un nombre important de contacts différents
ayant chacun leur spécificité.
Les uns ont des vertus équilibrantes, les autres dispersantes ou encore tonifiantes,
mais toujours reposantes.</p>

<p>On traite ainsi diverses douleurs liéés au stress et aux conséquences de la vie moderne...
la technique traditionnelle chinoise du Toucher-Palper est d'une remarquable efficacité.
C'est une méthode douce est indolore. Elle ne nécessite aucune médication,
souvent responsable d'effets secondaires.</p>

<p>Outre les techniques du Toucher-Palper décrites dans ce Site,
le AMMA est pratiqué aussi bien en Entreprise que chez les Particuliers,
moyennant un supplément pour le déplacement. 
Nous consulter.</p>

<p>Le AMMA est une pratique traditionnelle d'acupression.
Il est pratiqué en Asie (Japon) depuis 1300 ans.
Il a ensuite été adapté au mode de vie des professionnels occidentaux.</p>

<p>Une solution simple afin de réduire le Stress et les troubles de Santé associés.
Depuis déjà quelques décennies, la population active ressent
une forte tension au travail.
Tension nerveuse et Stress peuvent entraîner de nombreuses affections de
Santé non spécifiques.
Elles se traduisent par de fréquents troubles physiques tels que maux de dos,
de tête ou de poitrine, palpitations, problèmes du sommeil ou de digestion,
ou encore mal-être psychique (irritabilité, nervosité, abattement).</p>

<h2>Pourquoi le AMMA dans votre Entreprise</h2>

<p>Afin d'obtenir de meilleures capacités décisionnelles,
de meilleures qualités relationnelles et une meilleure forme morale et physique.</p>

<p>Le Amma assis se pratique habillé, sur une chaise ergonomique,
et dans les locaux de l'Entreprise, ce qui le rend psychologiquement accessible.</p>

<p>Participez au bien-être de vos employés
et réduisez le coût du Stress dans votre Entreprise.
Le Amma assis devient abordable financièrement,
en le ramenant à un coût forfaitaire journalier.</p>

</div>
</body>
</html>
Amicalement,
Bonjour et merci beaucoup parsimonhi, j'avais effectivement bon nombre d'erreurs.
C'est parfait.
Je vais travailler ton code afin de ..... m'améliorer. lol
Bonne journée.
Bien Amicalement,
Jack.