Discussion :

[novice100]

Bonjour,
Je reviens vers vous sur une discussion que j'ai eu récemment sur le fait de faire apparaitre un texte différent selon le résultat.

Dans la partie "Le nombre est 1", je souhaiterais ajouter une image à gauche suivi de ce texte en plus gros (comme en h3 html).
Savez-vous comment on peut insérer une image, puis le texte à côté et modifier le CSS de tout cela?
Merci d'avance.

Voici mon code (qui fonctionne bien) :

Code :

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
<?php
if(isset($_POST['jour']) && isset($_POST['mois']) && isset($_POST['annee']))
echo translate($_POST['jour'], $_POST['mois'], $_POST['annee']);
$transf = translate($_POST['jour'], $_POST['mois'], $_POST['annee']);
 
switch ($transf) 
{ 
case 1:
echo "Le nombre est 1 !";
break; 
case 2: 
echo "Le nombre est 2 !";
break;
case 3: 
echo "Le nombre est 3 !";
break;
case 4: 
echo "Le nombre est 4 !";
break;
case 11: 
echo "Le nombre est 11 !";
break;
}
?>

[sabotage]

Modifier quel CSS et de quoi vers quoi ?

[novice100]

Je voudrais insérer une image, puis mettre le texte à côté et modifier le CSS.

Faire quelque chose comme cela :

"Image LE TITRE EN H3
texte texte texte texte
texte texte texte texte
texte etc"

Donc avoir une image à gauche, le titre en h3 et texte en dessous.

je ne pense pas que c'est compliqué, mais nous sommes dans un echo...

[grunk]

Code :

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

echo '<img src="icon.png" alt=""><h3>Le nombre est 1 !</h3>';

?

[novice100]

Voici ce que j'ai fait mais le texte n'est pas à côté de l'image mais dessous.
Je veux que le titre (en h2) soit à côté de l'image.

Code :

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

1
2
3
4
5
6
7
8
switch ($transf) 
{ 
case 1:
echo '<img src="nombre_un.gif" alt="">&nbsp;&nbsp;<h2>Le nombre est 1</h2>blabla.<br/> 
blablablaetc.<br/>   
blablabetc.';
break;
}

[gene69]

ya plein de solutions différentes.

h2 est une balise qui s'affiche comme un bloc, donc "retours à la ligne" avant d'afficher.
img est une balise inline qui s'affiche comme un mot dans un paragraphe, c'est à dire à la suite tant qu'il y a de la place.

le plus simple c'est de mettre des balises img dans h2 et accessoirement de faire un tour vers le validateur w3c. C'est pas que, mais ça te simplifiera la vie lorsque tu auras besoin de faire une présentation soignée pour tous les navigateurs.

le plus compliqué c'est d'utiliser des speudo classe before sur h2.

[novice100]

Merci de cette réponse.
Est-il possible d'insérer une div dans un echo?
Ce serait plus facile après pour le CSS.

[polymorphisme]

Bonjour,

tu peut mettre n'importe quelle chaîne de caractères dans la fonction echo,
Ton programme ne sait pas s'il s'agit d'un simple texte ou d'un extrait de code HTML.