5433 sujets

Sémantique web et HTML

Bonjour,
Je ne trouve pas de solution qui me semblait plus que simple Smiley ohwell
Impossibbe d'enrichir mon <h4> dont voici les CSS :
@media only screen and (max-width: 768px) {
.gallery h3{
font-size: 7.5vw;
line-height: 8vw;
margin-bottom: 0px;
margin-left: 40px;
margin-top: 40px;
letter-spacing: 1px;
}
.gallery h4{
font-size: 4vw;
line-height: 4.5vw;
margin-top: 10px;
margin-left: 40px;
margin-right: 40px;
}
}
et le html :
<h4>S'agissait-il d'une tournée de <strong>Nikos Aliagas</strong> (1), de <strong>Marcus Miller </strong> (2) ou de
<strong>Laurent Mariotte</strong> (3) ? texte<br>
<span class="appel"><i class="fa fa-phone" style="font-size:2em;color:white"></i> texte</span></h4>
Ce qui est entre les <span> est OK Smiley cligne
Pourquoi et comment ???
Merci beaucoup et bonne journée/week-end !
Salut,

Ce serait mieux de partager tout le html.

En voyant le CSS, le h4 est à l'intérieur d'une balise html qui se porte la classe "gallery". Donc est-ce que le h4 est bien à l'intérieur de '.gallery' ?
Merci Allan,
Oui, le h4 est bien dans Gallery.
Les CSS :
.gallery h1{
	font-size: 30px;
	text-align: center;
	color: white;
	line-height: 6vw;
	letter-spacing: 2px;
}
.gallery h2{
	font-size: 20px;
	margin-top: -3vw;
}
.gallery h3{
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 6vw;
	line-height: 6.5vw;
	text-align: center;
	color: white;
	margin-bottom: 1vw;
	margin-left: 50px;
	margin-top: 50px;
	margin-right: 50px;
	min-size: 4vw;

}
.gallery h4{
	font-family: 'Raleway', Arial, sans-serif; font-size: 2em;
	font-size: 2vw;
	line-height: 2.5vw;
	text-align: center;
	color: white;
	margin-left: 4em;
	margin-bottom: 20px;
	margin-right: 3m;
	min-size: 3vw;
	}
.gallery h5{
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 6vw;
	line-height: 6.5vw;
	text-align: center;
	color: #FF8C00;
	min-size: 4vw;
}

	}
	@media only screen and (max-width: 768px) {
.gallery h3{
	font-size: 7.5vw;
	line-height: 8vw;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-top: 40px;
	letter-spacing: 1px;
}
.gallery h4{
	font-size: 4vw;
	line-height: 4.5vw;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
	}
}

Merci pour ton aide Smiley cligne
Il faut ouvrir la console de développement et inspecter le DOM.
Quels styles ne sont pas affectés ?
Quels styles sont barrés ?
Hello,
J'ai toujours un problème avec mon <h4> (le même) Smiley biggol
Ça marche Smiley biggrin :
	@media only screen and (max-width: 768px) {
.gallery h3{
	font-size: 7.5vw;
	line-height: 8vw;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-top: 40px;
	letter-spacing: 1px;
	}
}
	@media only screen and (max-width: 768px) {
.gallery h4{
	font-size: 0.6em;
	line-height:1.4em;
	}
}

Ça marche pas Smiley eek :
	@media only screen and (max-width: 768px) {
.gallery h3{
	font-size: 7.5vw;
	line-height: 8vw;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-top: 40px;
	letter-spacing: 1px;
	}
.gallery h4{
	font-size: 0.6em;
	line-height:1.4em;
	}
}


Juste pour comprendre... Smiley rolleyes
Bonne fin de journée,
ED