Comment définir le style du texte sans balises ?

**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

Invité · 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

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.

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

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

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 .

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

Invité · 09/12/2011, 08h04

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.

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; }

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

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

Comment définir le style du texte sans balises ?

CSS

Discussions similaires

Partager

Partager