Bonjour, voila j'ai un projet d'html a réaliser dans mes études.
je voudrais mettre en haut de ma page une images fixe en haut a gauche et un texte (ici un titre) centre verticalement avec l'image mais horizontalement avec ma page (si pas possible pas grave). J'ai essayé avec float + vertical-align avant de me rendre compte que les 2 ne sont pas compatible. Maintenant j'ai presque reussi grace une reponse sur un forum mais l'image est a droite et je n'arrive pas a changer sa position. MErci de bien vouloir m'aider.
code html :
code css :
je voudrais mettre en haut de ma page une images fixe en haut a gauche et un texte (ici un titre) centre verticalement avec l'image mais horizontalement avec ma page (si pas possible pas grave). J'ai essayé avec float + vertical-align avant de me rendre compte que les 2 ne sont pas compatible. Maintenant j'ai presque reussi grace une reponse sur un forum mais l'image est a droite et je n'arrive pas a changer sa position. MErci de bien vouloir m'aider.
code html :
<section class="block">
<div class="textes">
<p>Ici, pas de question bête</p>
</div>
<img src="Images/questions.png" />
</section>
code css :
.block {
display:flex;
}
.textes,.block img {
margin:auto;
padding:5px;
}
.block img {
order:1;
width:500px;
height:250px;
}