Eléments ne s'affichant plus avec Chrome

**Zandies** · 31/07/2017, 18h45

Bonjour à tous,

J'avais récemment ouvert une discussion sur le forum PHP pour mon problème mais l'on m'as dit que je trouverais peut-être de l'aide dans la rubrique HTML, alors voilà, j'ai créer une page web avec page perso (login, logout, modifier...), sur Firefox il marche très bien mais sur Chrome ca plante, certains éléments ne s'affichent plus (le lien de déconnexion et de modification de profil), voici mon code (en partie) :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<?php
session_start();
	$bdd = new PDO('mysql:host=127.0.0.1;dbname=espace_membre', 'root', '');
 
	if(isset($_GET['id']) AND $_GET['id'] > 0) 
	{
		$getid = intval($_GET['id']);
		$requser = $bdd->prepare('SELECT * FROM membres WHERE id = ?');
		$requser->execute(array($getid));
		$userinfo = $requser->fetch();
 
 
		$pseudo = $userinfo['pseudo'];
 
		$reqproduit = $bdd->prepare('SELECT vendeur, produit, quantite, date_vente, DAY(date_vente) AS jour, MONTH(date_vente) AS mois, YEAR(date_vente) AS annee FROM ventes WHERE vendeur = ?');
		$reqproduit->execute(array($pseudo));
		$venteinfo = $reqproduit->fetch();
 
		$dernierjour = $bdd->prepare('SELECT date_vente, DAY(date_vente) AS jour, MONTH(date_vente) AS mois, YEAR(date_vente) AS annee FROM ventes WHERE vendeur = ? ORDER BY id DESC LIMIT 1');
		$dernierjour->execute(array($pseudo));
		$last = $dernierjour->fetch();
 
		$jourvente = $bdd->prepare('SELECT date_vente, DAY(date_vente) AS jour, MONTH(date_vente) AS mois, YEAR(date_vente) AS annee FROM ventes WHERE vendeur = ? ORDER BY id');
		$jourvente->execute(array($pseudo));
		$jour = $jourvente->fetch();
 
		$reqvente = $bdd->prepare('SELECT produit, quantite FROM ventes WHERE id_vendeur = ? AND date_vente = ? LIMIT 5');
		$reqvente->execute(array($_GET['id'], $last['date_vente']));
 
	}else{
		header('Location: connexion.php');
	}
 
?>
<html>
	<head>
		<title>Profil de <?php echo $userinfo['pseudo']; ?></title>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="../templates/css/profil.css" />
		<link rel="stylesheet" type="text/css" href="../templates/css/calendrier.css" />
	</head>
   	<body>
   		<div id="panel-top">
   			<h2><?php
	if (isset($_SESSION['id']) AND $userinfo['id'] == $_SESSION['id']) {
		?> Votre Profil <?php
	}elseif (isset($userinfo['pseudo'])){?> Profil de <?php echo $userinfo['pseudo'];}
	else{
		header('Location: connexion.php');		
	}
 
 
?></h2>
   		</div>
   		<?php
   				if (isset($_SESSION['id']) AND $userinfo['id'] == $_SESSION['id'])
   				{
   				?>
   			<a href="logout.php" id="logout">Déconnexion<img src="../templates/img/CloseRed.png" id="close" /></a>
   			<?php } ?>
   		<div align="center" id="content-avatar">
			<?php
				if(!empty($userinfo['avatar']))
				{
				?>
					<img src="../membres/avatars/<?php echo $userinfo['avatar']; ?>"  id="avatar" />
				<?php
				}else{
					?>
					<img src="../membres/avatars/Profil<?php echo $userinfo['rand'] ?>.png" id="avatar" />
					<?php
				}
 
			?>
			<?php
   				if (isset($_SESSION['id']) AND $userinfo['id'] == $_SESSION['id'])
   				{
   				?>
			<a id="modifier" href="editionprofil.php"><!--Modifier--><img src="../templates/img/Pen.png" id="pencil"></a>
				<?php
				}
			?>
			<br /><br />
   		</div>
   	</body>
</html>

Bien à vous,

Zandies

PS: on m'avait dis que le code php n'influencait pas cela, donc voici le CSS:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
@keyframes apparition{
	0% {opacity: 0;}
	25% {opacity: .2;}
	50% {opacity: .5;}
	75% {opacity: .7;}
	100% {opacity: 1;}
}
 
body {
	margin: 0;
	background-image: url(../img/back.png);
	background-size: cover;
	background-repeat: no-repeat;
}
 
* {
			font-family: 'iris font';
		}
#panel-top {
	background-color: white;
	padding: 2px;
	box-shadow: 0px 0px 10px 0px black;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
}
 
#avatar{
	position: absolute;
	margin-left: -40%;
	margin-top: -85px;
	width: 115px;
	border-radius: 50%;
	border: 7px solid #fff;
}
 
#modifier{
	position: absolute;
	margin-left: 11%;
	margin-top: -32px;
	font-weight: bold;
	font-size: 29px;
	display: none;
	font-family: 'Dosis';
}
 
#pencil{
	display: none;
	position: absolute;
	width: 60px;
	z-index: 10;
	margin-left: -37.5%;
	margin-top: -57px;	
}
 
#content-avatar:hover #avatar{
	filter: blur(2px);
	transition: all .5s;
}
/*
#content-avatar:hover a{
	display: initial;
	margin-left: -39%;
	text-decoration: none;
	color: #091E2A;
	animation: apparition .2s;
}*/
 
#content-avatar:hover a{
	display: initial;
	animation: apparition .2s;
	margin-left: -37.5%;
	margin-top: 5px;
}
 
#content-avatar:hover #pencil{
	display: initial;
	animation: apparition .2s;
}
 
#content-avatar a:hover{
	color: rgba(9, 30, 42, .8);
	transition: color .5s;
}
 
 
 
#logout{
	display: inline-block;
	margin-left: 90%;
	margin-top: -82px;
	text-decoration: none;
	color: #E74C3C;
	font-weight: bold;
 
}

**H2R file comme l'aire** · 01/08/2017, 00h42

Peut étre tu à une ancienne version de chrome donc utilise webkit
Utilisation des préfixes navigateurs

Eléments ne s'affichant plus avec Chrome

HTML

Discussions similaires

Partager

Partager