18008 sujets

Questions générales et questions de débutants

[Résolu] Pourquoi autant d'espace interlignes avec un <br />?

Bonjour
pourquoi avec ce code, la deuxième phrase "una hora, un euro", s'affiche en dessous du niveau de l'image, alors que j'ai mis un <br />?
<!DOCTYPE html>
<html lang="fr">
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       
		<title>aprendrer euskara</title>
	<meta name="keywords" content="aprender euskara, aprender vasco">
	<meta name="description" content="aprender el vasco: un euro por una hora">
<link rel="stylesheet" href="style.css">a
</head>
<body>

<img src="C1.jpg" alt="">
<span class="titre1 gras">aprende euskara a tu ritmo!</span>
<br />
<span class="titre1">1 hora ... 1 euro!<br />

</body>
</html>

et le Css:
body{
background-color: white; 
font-family: tahoma, arial, helvetica, sans-serif;}

.gras{font-weight: bold;}
.titre1{float: right;  color: blue; font-size:190%;}
.titre2{float: right;  color: blue;}


j'arrive à publier le résultat sur le forum, mais entre les deux phases, il y a un écart correspondant à la hauteur de l'image insérée. Alors qu'il n'y a qu'un <br />
Merci pour votre aide.
Modifié par abeille (06 Mar 2018 - 15:10)
Modérateur
Du genre comme ça : https://jsfiddle.net/xoefz6ns/1/ ?

C'est parce-qu’il n'y a qu'une ligne a coté de l'image. En gros si tu veux mette plusieurs lignes a coté d'une image c'est l'image que tu dois mettre en float et non le texte ou bien mettre les deux lignes dans un conteneur commun qui sera en float.
Modifié par _laurent (06 Mar 2018 - 15:21)
Merci Laurent pour ta réponse ultra rapide.
Tant que je suis: comment est ce que peux décaler le texte de mon image.
Merci.
Mais comment est ce que tu peux répondre aussi vite à mes questions?
J'ai à peine eu le temps de poster, que déjà tu avais répondu.

Bon, ok, tout simple en fait. Merci pour l'aide.
Modérateur
La prochaine fois que tu viens poster une question regarde le forum avant, j'aurais déjà créé un sujet avec ta réponse Smiley cligne

(bon il y avait quand même 6 minutes entre ta question et ma réponse hein Smiley langue )

Bonne aprem !
Modifié par _laurent (06 Mar 2018 - 16:10)
Sujet clos
Aller à