Php Responsive

Je ne comprend pas comment rendre cette page responsive

8 septembre 2021 à 10:57:23

<?php
if(isset($_POST['mailform']))
{
	if(!empty($_POST['nom']) AND !empty($_POST['mail']) AND !empty($_POST['message']))
	{
		$header="MIME-Version: 1.0\r\n";
		$header.='From:<silkodev@gmail.com>'."\n";
		$header.='Content-Type:text/html; charset="uft-8"'."\n";
		$header.='Content-Transfer-Encoding: 8bit';

		$message='
		<html>
			<body>
				<div align="center">
					<img src="ban.mp4"/>
					<br />
					<u>Nom de l\'expéditeur :</u>'.$_POST['nom'].'<br />
					<u>Mail de l\'expéditeur :</u>'.$_POST['mail'].'<br />
					<br />
					'.nl2br($_POST['message']).'
					<br />
				</div>
			</body>
		</html>
		';

		mail("silkodev@gmail.com", "CONTACT - Monsite.com", $message, $header);
		$msg="Votre message a bien été envoyé !";
	}
	else
	{
		$msg="Tous les champs doivent être complétés !";
	}
}
?>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link  href="style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Acceuil</title>
</head>
<header>
    <nav>
        <div class="navbar">
            <a class="active" href="index.html"><i class="fa fa-fw fa-home"></i> Acceuil</a>
            <a href="localisation.html"><i class="fa fa-fw fa-search"></i> Localisation</a>
            <a href="contact.php"><i class="fa fa-fw fa-envelope"></i> Contact</a>
          </div>
    </nav>
</header>
	<body>
	<video src="banniere.mp4" autoplay="true" muted class="animation" loop style="width: 100%;" ></video>
		<main>
		<section>
			<h2>Vous avez une panne ?</h2>
		</section>
		<section> 
		<p id="formulaire">Si vous avez une panne sur vos appereils ménager vous êtes tomber sur la bonne page, ici vous pourrez informer notre technicien de la 
			panne rencontrer et il vous recontacteras dans le plus bref délais.</p>
		</section>
		<section><br>
		<form method="POST" action="">
			<input type="text" name="nom" placeholder="Votre nom" value="<?php if(isset($_POST['nom'])) { echo $_POST['nom']; } ?>" /><br /><br />
			<input type="email" name="mail" placeholder="Votre email" value="<?php if(isset($_POST['mail'])) { echo $_POST['mail']; } ?>" /><br /><br />
			<textarea name="message" placeholder="Votre panne?"><?php if(isset($_POST['message'])) { echo $_POST['message']; } ?></textarea><br /><br />
			<input type="submit" value="Envoyer !" name="mailform"/>
		</form>
		</section>
		<section><br>
		<p id="exemple"> Message type à remplir dans la partie panne :<br>
			Matériel en panne : ""<br>
			Marque du matériel :""<br>
			Numéro de téléphone :""</p>
        </section>
		<?php
		if(isset($msg))
		{
			echo $msg;
		}
		?>
	</body>

	<footer style="background-color: rgb(26, 25, 25); widht:100%">
    <div id="footer" style="margin-top:35em; background-color: rgb(26, 25, 25)";>
    <section style="background-color: rgb(26, 25, 25)">
        <h2 style="background-color: rgb(26, 25, 25)">MarcMenagerTechnic</h2>
        <p style="background-color: rgb(26, 25, 25)">Merci de votre visite sur notre site n'hésitez pas à nous contacter pour toute demande.</p>
    </section>
    <section style="background-color: rgb(26, 25, 25)">
        <h2 style="background-color: rgb(26, 25, 25)">Contact</h2>
        <p style="background-color: rgb(26, 25, 25)">contact@MarcMenagerTechnic</p>
        <p style="background-color: rgb(26, 25, 25)">Numéro : 07.87.08.23.39</p>
        <p style="background-color: rgb(26, 25, 25)">14 Rue du Presbytère, 11400 Labécède-Lauragais</p>
    </section>
    </div>  
</footer>
<p style="color:#2c2a2a; font-size:15px;text-align: center; ">Copyright Réserver : Regnier Alexandre | ShareWeb.fr </p>
</html>

Je ne comprend pas comment rendre cette page responsive

AbcAbc6

8 septembre 2021 à 11:06:53

Bonjour,

Déplacement vers un forum plus approprié

Le sujet est déplacé de la section PHP vers la section HTML / CSS

Manque de Politesse

Votre message ne comporte pas ou peu de formules de politesse (« Bonjour », « Merci », « Au revoir », etc.). Les règles du site exigent que chaque nouveau message comporte un minimum de politesse. Après tout, les gens qui répondent le font gratuitement, sur leur temps libre. Ils méritent bien un minimum de considération, n'est-ce pas ?

Mauvais titre

Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

Pour modifier votre titre, éditez le premier message de votre sujet.

(titre originel : Php Responsive)

Bonjour, le responsive c'est du CSS pas du PHP.

Mais avant d'écrire une ligne de CSS, il est important d'écrire un code HTML valide. Passer au validateur votre code générer pour voir vos erreurs => https://validator.w3.org/

Le footer et le header ce place dans le body et pas en dehors. Rien comme affichage en dehors du body.

La balise <img> ne sort jamais sans son attribut alt obligatoire.

Vous n'avez pas de balise doctype.

PS : c'est accueil pas acceuil.

-
Edité par AbcAbc6 8 septembre 2021 à 11:08:49

Php Responsive

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.

Php Responsive

Je ne comprend pas comment rendre cette page responsive

Déplacement vers un forum plus approprié

Manque de Politesse

Mauvais titre

Php Responsive

Supprimer

Modérer

Signaler le message aux modérateurs