Je veux mettre cette image en arrière-plan sous la div dans laquelle apparaît l'écriture G.E.D S.A.L.C mais ça ne marche pas .. même si j'ai essayé avec CSS et même en forçant le tout avec ça:

<body bgcolor="blue" background="images/sfondo.png">

VOICI LE CODE:

<!DOCTYPE html>
<?php 
	session_start();
    if(!isset($_SESSION["username"])){
    	header('location: ../index.php');
    }else
    {
    
?>
<html>
	<head>
    <title>G.E.D.</title>
		<link href="../paginaIniziale/css/bootstrap-4.0.0.css" rel="stylesheet">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			.bgimg-1{
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("images/sfondo.png");
				min-height: 100%;
			}
		</style>
	</head>
	<body bgcolor="blue" background="images/sfondo.png">
		<div class="w3-top">
			<div class="w3-bar w3-padding w3-card" style="background-color: #ffc107">
				<h1>G.E.D. - S.A.L.C.</h1>
			</div>			
		</div>
			<div class="w3-display-middle w3-contener" >
				<a class="w3-center w3-padding-large w3-black w3-xlarge w3-wide" style="margin-left: 22px;">Seleziona un operazione</a>
				<div class="w3-center" style="margin-top: 40px;">
					<a href="../pagineHtml/inserimento/inserimentoGenerale/inserimentoCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Milano </a>
					<a href="azioniVisualizza/sceltaCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Roma  </a>
					
				</div>
			</div>
	</body>
</html>
<?php } ?>

Et voici l'image ... BackGround IMAGE

La photo est placée dans l'url de droite

Est-ce que quelqu'un sait comment m'aider? PS .. J'avoue avoir utilisé un modèle ahahaha

1
AlexLogic 20 nov. 2018 à 16:54

5 réponses

Meilleure réponse

Vous avez déjà défini la classe bgimg-1. Tout ce dont vous avez besoin pour ajouter la classe à la balise body. De plus, vous n'avez pas besoin de le forcer en utilisant background = "images / sfondo.png" dans la balise body.

  <body class="bgimg-1" bgcolor="blue">

Vérifiez le code complet ci-dessous-

<!DOCTYPE html>
<?php 
	session_start();
    if(!isset($_SESSION["username"])){
    	header('location: ../index.php');
    }else
    {
    
?>
<html>
	<head>
    <title>G.E.D.</title>
		<link href="../paginaIniziale/css/bootstrap-4.0.0.css" rel="stylesheet">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			.bgimg-1{
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("https://i.stack.imgur.com/TYX0B.png");
				min-height: 100%;
			}
		</style>
	</head>
	<body class="bgimg-1">
		<div class="w3-top">
			<div class="w3-bar w3-padding w3-card" style="background-color: #ffc107">
				<h1>G.E.D. - S.A.L.C.</h1>
			</div>			
		</div>
			<div class="w3-display-middle w3-contener" >
				<a class="w3-center w3-padding-large w3-black w3-xlarge w3-wide" style="margin-left: 22px;">Seleziona un operazione</a>
				<div class="w3-center" style="margin-top: 40px;">
					<a href="../pagineHtml/inserimento/inserimentoGenerale/inserimentoCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Milano </a>
					<a href="azioniVisualizza/sceltaCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Roma  </a>
					
				</div>
			</div>
	</body>
</html>
<?php } ?>
0
Mostafa Baezid 20 nov. 2018 à 14:29

Vous avez créé un nom de classe CSS .bgimg-1, mais vous ne l'avez utilisé nulle part. Vous voudrez probablement <body class="bgimg-1"> afin de lui attribuer ce CSS.

Vous devez également vous assurer que le fichier existe au chemin spécifié. Vous pouvez le découvrir dans les outils de développement Chrome en inspectant le <body> et en cliquant sur l'URL d'arrière-plan pour l'ouvrir dans un nouvel onglet. Soit une image s'affiche, soit vous obtenez une erreur 404.

0
Charles Stover 20 nov. 2018 à 14:05

Tout d'abord, les attributs "background" et "bgcolor" sont d'anciennes méthodes et ne sont pas conformes, vous devez donc utiliser les propriétés CSS background / background-color à la place.

Deuxièmement, en lisant les commentaires, il semble que votre chemin ne soit pas correct.

Bonne chance!

0
A. Meshu 20 nov. 2018 à 14:23

Veuillez ajouter l'attribut class dans la balise body comme ceci

<body class="bgimg-1">

Ou remplacez-le simplement par ce

  • cordialement. kevil
0
kevil 20 nov. 2018 à 15:14

Ajoutez la classe que vous avez créée à l'élément body.

<!DOCTYPE html>
<?php 
	session_start();
    if(!isset($_SESSION["username"])){
    	header('location: ../index.php');
    }else
    {
    
?>
<html>
	<head>
    <title>G.E.D.</title>
		<link href="../paginaIniziale/css/bootstrap-4.0.0.css" rel="stylesheet">
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
		<style>
			.bgimg-1{
				background-attachment: fixed;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				background-image: url("https://i.stack.imgur.com/TYX0B.png");
				min-height: 100%;
			}
		</style>
	</head>
	<body class="bgimg-1" bgcolor="blue" background="images/sfondo.png">
		<div class="w3-top">
			<div class="w3-bar w3-padding w3-card" style="background-color: #ffc107">
				<h1>G.E.D. - S.A.L.C.</h1>
			</div>			
		</div>
			<div class="w3-display-middle w3-contener" >
				<a class="w3-center w3-padding-large w3-black w3-xlarge w3-wide" style="margin-left: 22px;">Seleziona un operazione</a>
				<div class="w3-center" style="margin-top: 40px;">
					<a href="../pagineHtml/inserimento/inserimentoGenerale/inserimentoCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Milano </a>
					<a href="azioniVisualizza/sceltaCantiere.php" class="w3-bar-item w3-button"><i class="fa fa-home"></i>Roma  </a>
					
				</div>
			</div>
	</body>
</html>
<?php } ?>
0
Itay Gal 20 nov. 2018 à 14:11