Comment définir le style du texte sans balises ? [Résolu]

Frank74 · 08/12/2011, 16h24

Bonjour,

J'ai bien lu les tutos sur différents sites web et sur votre site web concernant le css.

Cependant je n'ai pas trouvé la réponse à une question :
Comment définir le style du texte sans balises ?

Dans une page html il peut y avoir :
Du texte entre 2 balises titre :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<h1>Texte</h1>

Du texte entre 2 balises liens :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="Page.html">Texte</a>

Du texte entre 2 balises paragraphe :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>Texte</p>

Du texte entre 2 balises avec une classe perso :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="TextePerso">Texte</span>

Du texte sans balises du genre :
Texte

Concernant les 4 premiers exemples, le style du texte peut être défini dans un fichier css avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
h1{font-family:"Verdana"; font-style:normal; font-size:30px; color:rgb(000,000,000);}
h2{font-family:"Verdana"; font-style:normal; font-size:15px; color:rgb(000,000,000);}
p{font-family:"Verdana"; font-style:normal; font-size:12px; color:rgb(000,000,000);}
a{font-family:"Verdana"; font-style:normal; font-size:12px; color:rgb(000,000,000);}
.TextPerso{font-family:"Verdana"; font-style:normal; font-size:12px; color:rgb(000,000,000);}

Mais comment définir le style du texte sans balises ?

Je déteste utiliser les balises de paragraphes ou de classes persos pour coder ma mise en page. Etant donné que le texte de tous mes paragraphes sera identique sauf pour les titres, les liens et uniquement quelques mots en gras à quoi bon me fatiguer à ajouter du de partout ?

Pour le texte normal je voudrai uniquement définir un style par défaut et que cela affecte tous les morceaux de texte sans balises.

Est ce possible ? Si oui, comment définir le style du texte sans balises dans un fichier css ?

Merci

jreaux62 · 08/12/2011, 16h37

Bonjour,
il suffit de définir le texte par défaut sur la balise body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

body { font-family:.... }

Frank74 · 08/12/2011, 18h50

Merci pour votre réponse.

J'ai ajouté ce code dans mon fichier styles.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
body{background-color:rgb(255,255,255); font-family:"Verdana"; font-style:normal; font-size:12px; color:rgb(000,000,000);}

Mais apparemment la taille de 12px n'est pas prise en compte...

J'ai comparé la taille du texte sans balises à la taille du texte avec balises

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<span class="TextNormal"></span>

ayant ces paramètres dans le fichier css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
.TextNormal{font-family:"Verdana"; font-style:normal; font-size:12px; color:rgb(000,000,000);}

Pourtant, la taille du texte sans balise est plus grande...

N'y a t-il pas moyen d'avoir une taille de texte sans balises précise ?

NoSmoking · 08/12/2011, 19h59

Citation:

Envoyé par Frank74

Mais apparemment la taille de 12px n'est pas prise en compte...

une des raisons peut être une erreur dans la STYLE.

Citation:

Envoyé par Frank74

Pourtant, la taille du texte sans balise est plus grande...

pour la raison ci dessus

est ce que cela fonctionne ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
body{
  background-color:rgb(255,255,255);
  font-family:"Verdana";
  font-style:normal;
  font-size:12px;
  color:rgb(000,000,000);
}
.TextNormal{
  font-family:"Verdana";
  font-style:normal;
  font-size:12px;
  color:rgb(255,000,000);
}
</style>
</head>
<body>
<p>Antequam in provincia <span class="TextNormal">toto fuerit pervenire</span> denique provincia nascetur antequam.</p>
</body>
</html>

Remarque

Citation:

Je déteste utiliser les balises de paragraphes ou de classes persos pour coder ma mise en page. Etant donné que le texte de tous mes paragraphes sera identique sauf pour les titres, les liens et uniquement quelques mots en gras à quoi bon me fatiguer à ajouter du de partout ?

c'est ballot pour un langage de BALISAGE.

Il n'en demeure pas moins qu'une bonne gestion des balises peut s'avérer redoutable dans la conception et/ou la maintenance d'une page.

thelvin · 08/12/2011, 22h55

Bah à la limite s'il a vraiment pas besoin de style particulier, il a pas besoin de beaucoup de balises. Je vois pas pourquoi il nous parle de à tire-larigot. Un pour chaque paragraphe suffit amplement, et il suffit de styliser les ou le <body>, sans définir de class.

Bref, volonté de ne pas se fatiguer tout en imaginant ou bien ne rien faire, ou bien faire le plus compliqué possible.

Frank74 · 08/12/2011, 23h31

Citation:

est ce que cela fonctionne ?

Sur une page html indépendante oui.

Mais en utilisant php include pour insérer d'autres pages .php dans une page .php, apparemment le style body{} affecte le texte sans balises de la partie du code de la page d'origine, mais n'affecte pas le texte sans balises de la partie du code des pages incluses.

Les styles p{} et .TextNormal{} affectent bien le texte dans les balises dans la page d'origine et dans les pages incluses.

Donc apparemment je vais devoir soit utiliser les balises soit les balises .

Citation:

Un pour chaque paragraphe suffit amplement, et il suffit de styliser les ou le <body>, sans définir de class.

Y a t-il possibilité d'enlever le saut de ligne automatique après des balises ?

C'est pour éviter ce saut de ligne automatique que j'utilise les balises 

Merci

jreaux62 · 09/12/2011, 08h04

Citation:

Envoyé par Frank74

le style body{} affecte le texte sans balises de la partie du code de la page d'origine, mais n'affecte pas le texte sans balises de la partie du code des pages incluses.

Les pages incluses ne doivent pas avoir de balises <html>, <head> ou
<body>. A vérifier, donc.

Citation:

Y a t-il possibilité d'enlever le saut de ligne automatique après des balises ?

Oui :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

p { margin:0; }

Citation:

C'est pour éviter ce saut de ligne automatique que j'utilise les balises

Les balises servent (entre autres) à styler un mot dans une phrase. Pas des paragraphes entiers.

Frank74 · 09/12/2011, 15h27

Citation:

Les pages incluses ne doivent pas avoir de balises <html>, <head> ou
<body>. A vérifier, donc.

J'ai bien vérifié et ça ne fonctionne pas.

Peu importe je vais utiliser les balises 

Merci pour l'exemple de code

08/12/2011, 16h37	#2
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 994 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 994 Points : 5 787 Points : 5 787	Bonjour, il suffit de définir le texte par défaut sur la balise body : Code : Sélectionner tout - Visualiser dans une fenêtre à part body { font-family:.... } __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	10

08/12/2011, 22h55	#5
thelvin Expert Confirmé Sénior Inscription : septembre 2004 Messages : 5 092 Détails du profil Informations forums : Inscription : septembre 2004 Messages : 5 092 Points : 7 019 Points : 7 019	Bah à la limite s'il a vraiment pas besoin de style particulier, il a pas besoin de beaucoup de balises. Je vois pas pourquoi il nous parle de <span class="machin"> à tire-larigot. Un <p> pour chaque paragraphe suffit amplement, et il suffit de styliser les <p> ou le <body>, sans définir de class. Bref, volonté de ne pas se fatiguer tout en imaginant ou bien ne rien faire, ou bien faire le plus compliqué possible.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email