Sujet Précédent Sujet Suivant

Retour a la ligne incontrôlable dans une div

Résolu/Fermé
flexi2202 Messages postés 3733 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 28 novembre 2022 - 23 avril 2021 à 08:52
flexi2202 Messages postés 3733 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 28 novembre 2022 - 23 avril 2021 à 19:29
bonjour a tous
je suis occupé a styliser ma page
et je suis confronte a un soucis

voici le code css 
 <style>
          	.information {
	color:#00BFFF;
	font-weight:bold;
	}
          
      </style>


lorsque j appelle ce style de cette façon 
 <div class="col-lg">
         <?php    echo 'Ta ville est<div class="information">'. ($json->name).'</div>'  ; ?> 
                 </div>

cela se présente de cette façon
Ta ville est
gilly


par contre si je fais cela 
 <div class="col-lg">
         <?php    echo '<div class="information">Ta ville est'. ($json->name).'</div>'  ; ?> 
                 </div>

cela est écrit sur la même ligne

ta ville est Gilly

mais du coup toute la ligne est stylisée
alors que je ne voudrais que la variable

1 réponse

Réponse 1 / 1
jee pee Messages postés 36391 Date d'inscription mercredi 2 mai 2007 Statut Modérateur Dernière intervention 29 novembre 2022 8 845
23 avril 2021 à 10:21
Bonjour,

Tu pourrais utiliser la mise en emphase <em> 
<html>
<head>
<style type="text/css">
.information {
	color:#00BFFF;
	font-weight:bold;
	}
.information2 {
	}
.information2 em {
	color:#00BFFF;
	font-weight:bold;
	font-style: normal;
}
</style>
</head>
<body>

Ta ville est <div class="information">Paris</div> 
<div class="information">Ta ville est Lille</div>

Ta ville est <em>Lyon</em> 

<div class="information2">Ta ville est Marseille</div>
<div class="information2">Ta ville est <em>Bordeaux</em></div>
Ta ville est <em>Nantes</em> 

</body>
</html>
1
flexi2202 Messages postés 3733 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 28 novembre 2022 173
23 avril 2021 à 19:29
bonjour
un super très grand merci
cela a résolu mon soucis
un grand merci
0