Modifier le style dans une echo des variables d'une bdd mysql
Résolu
max30
-
max30 -
max30 -
Bonjour, je voudrais modifier le style de mes variables se trouvant dans ma base de données. Il s'agit là de titre et presentation comme vous pouvez le voir dans le code, mais je n'arrive toujours pas à le faire.
echo('<img style="width:100px; height:100px;border-radius: 500px; display: block;"
src= "pictures/'.$donnees['photo'] . '"/>'
< 'titre style= "font-size: 5px;"/' .$donnees['titre'] .'/>'
.$donnees['presentation']. '</br>' );
A voir également:
- Modifier le style dans une echo des variables d'une bdd mysql
- Modifier dns - Guide
- Modifier une story facebook - Guide
- Style word - Guide
- Modifier une liste déroulante excel - Guide
- Modifier extension fichier - Guide
5 réponses
Bonjour
Renseigne-toi sur les différentes balises HTML qui existent.... Afin d'utiliser des choses qui existent réellement en HTML et pas des trucs inventés comme ta balise 'titre' par exemple...
Par exemple tu pourrais placer ton titre dans une balise span.
Renseigne-toi sur les différentes balises HTML qui existent.... Afin d'utiliser des choses qui existent réellement en HTML et pas des trucs inventés comme ta balise 'titre' par exemple...
Par exemple tu pourrais placer ton titre dans une balise span.
Bonjour, j'ai essayé avec une balise span à l'intérieur de mon echo et j'ai comme message d'erreur ( Parse error: syntax error, unexpected ''<span class="title">'' (T_CONSTANT_ENCAPSED_STRING) in).
L'idée c'est de placer la variable titre en haut(juste à droite de l'image), et presentation en bas. Voici le code en PHP d'une part, et son CSS d'autre part:
Donc, comme vous pouvez le pouvoir dans le code, à présent j'ai testé uniquement la couleur pour voir si ça marche, et je n'arrive toujours pas à repérer ce grain de sable dans cette mécanique.
L'idée c'est de placer la variable titre en haut(juste à droite de l'image), et presentation en bas. Voici le code en PHP d'une part, et son CSS d'autre part:
<div class="showimages">
<?php if($articles->rowCount() > 0) { ?>
<div class="polaroid">
<?php while($donnees = $articles->fetch()) {
echo('<img style="width:150px; height:150px;border-radius: 500px;"
src= "pictures/'.$donnees['photo'] . '"/>'
'<span class="title">' .$donnees['titre']. '</span>' '<br>'
.$donnees['presentation']. '</br>' );
}?> </div>
</div>
.showimages{
display: flex;
flex-wrap: wrap;
gap: 40px;
justify-content: center;
margin-top: 40px;
}
.polaroid{
background-color: white;
box-shadow: chartreuse;
flex-basis: 700px;
height: 500px;
padding: 25px;
}
span.title {
color: red;
}
Donc, comme vous pouvez le pouvoir dans le code, à présent j'ai testé uniquement la couleur pour voir si ça marche, et je n'arrive toujours pas à repérer ce grain de sable dans cette mécanique.
Merci Jordane45, il y a le même message d'erreur qui s'affihe. Je ne vois pas ce qu'il faut enlever exactement...
J'ai fait comme tu as dit en enlevant les côtes qui perturbaient, en écrivant le code de la manière suivante:
Sauf que lorsque j'actualise la page, c'est le message suivant qui apparait:
Parse error: syntax error, unexpected ''<span class="title">'' (T_CONSTANT_ENCAPSED_STRING)
'<span class="title">' .$donnees['titre']. '</span> <br>' '<span class="presentation">' .$donnees['presentation']. '</span> </br>' );
Sauf que lorsque j'actualise la page, c'est le message suivant qui apparait:
Parse error: syntax error, unexpected ''<span class="title">'' (T_CONSTANT_ENCAPSED_STRING)
C'est le même message qui apparait sans que je puisse trouver le grain de sable qui empêche la mécanique.
Voici le code que j'ai tapé en enlevant les quotes:
Voici le code que j'ai tapé en enlevant les quotes:
<div class="showimages">
<?php if($articles->rowCount() > 0) { ?>
<div class="polaroid">
<?php while($donnees = $articles->fetch()) {
echo('<img style="width:150px; height:150px;border-radius:500px;"
src= "pictures/'.$donnees['photo'] . '"/>'
'<span class="title">' .$donnees['titre']. '</span> <br>
<span class="presentation">' .$donnees['presentation']. '</span> </br>' );
}?> </div>
</div>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question