18041 sujets

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

Erreurs

Bonjour, je voudrais savoir pourquoi "border" ne s'applique pas à l'ensemble du text svp.
h3 { 
	text-align:center;
	color:blue; }
	
p { 
	font-size:20px;
	line-height:30px;
	}

body {
	
	height:200px;
	width:40%;	
	text-align:justify;
	text-indent: 50px;
	border:1px solid black;
	
}

<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8"/>
	<title>exercices</title>
	<link href="stylex.css" rel="stylesheet" type="text/css" />
</head>
<body>
	
		<h3>??? ????? CMS</h3>
		<p>CMS - «??????? ?????????? ?????????» (??????) – ?????????? PHP-?????????????? ?????? ??? ?????, ? ??????? ??????? ?? ??????? ????????? ?????? (????????? ???????, ?????? ?????? ???? ? ?.?.) ?? ???? HTML ? CSS.</p>
		<p>??????, ??? ???? ????? ??????? ???? ? ??????? CMS ??????????? ?????? ? ????????????, ? ?????????, ? ????????????. ? ????????????????.</p>
		<p>?????? ????????? ??????? ?????????? ?????????: ??? ????????-?????????, ??? ??????, ??? ??????? ? ?.?.</p>

</body>
</html>


upload/1535525242-72220-alsa.png

PS: s'il y a d'autres erreurs, n'hésitez pas à me corriger.
Modifié par First-Light (29 Aug 2018 - 08:49)
Modérateur
Bonjour,

Le border est sur l'élément body. Tu fixe la hauteur de body a 200px max. Son contenu dépasse cette hauteur.

Soit tu enlève la hauteur de 200px sur le body, soit tu fait en sorte que le body soit scrollable avec overflow:auto;
Modérateur
Bon le overflow:auto; ne marche pas. Je pense que c'est parceque c'est le body.
Plutot que d'utiliser cette balise tu devrait en mettre une autre à l'intérieur pour mettre en forme ton cadre. Par exemple :

<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8"/>
	<title>exercices</title>
	<link href="stylex.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<section class="cadre">
		<h3>??? ????? CMS</h3>
		<p>CMS - «??????? ?????????? ?????????» (??????) – ?????????? PHP-?????????????? ?????? ??? ?????, ? ??????? ??????? ?? ??????? ????????? ?????? (????????? ???????, ?????? ?????? ???? ? ?.?.) ?? ???? HTML ? CSS.</p>
		<p>??????, ??? ???? ????? ??????? ???? ? ??????? CMS ??????????? ?????? ? ????????????, ? ?????????, ? ????????????. ? ????????????????.</p>
		<p>?????? ????????? ??????? ?????????? ?????????: ??? ????????-?????????, ??? ??????, ??? ??????? ? ?.?.</p>
        </section>
</body>
</html>
Sujet clos
Aller à