Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.
Rendu pour téléphone
Résolu
Bonjour, je n'arrive pas à modifier l'affichage de mon site web pour téléphone. Pourriez-vous m'aider pour le faire. Voici l'adresse du site : http://rudy.bavart.free.fr/www/AxenoWEB/
moi j'ai mis ça en CSS :
@media (max-width: 679px) {
/* Code pour une largeur <600px */
.container{width:95%;}
.paga{width:100%;}
.sidebar{display:none;}
}
@media (min-width: 680px) and (max-width: 959px) {
/* code pour une largeur comprise entre 680 et 959px */
}
mais mon fichier index.html :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Acceil</title>
<!-- Icone -->
<link rel="icon" type="image/x-icon" href="img/A2.ico">
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<!-- Contenue du site -->
<body>
<!-- Header -->
<header class="cotenainer-fluid header">
<div class="cotenainer">
<h3 class="logo"> Axeno WEB </h3>
<nav class="menu">
<a href="index.html"> Acceil </a>
<a href="Vidéo.html"> Vidéos </a>
<a href="Actualiter.html"> Actus </a>
<a href="son.html"> Contacte </a>
<a href="inscrip/Inscripsion.php" target="_blank"> Inscription </a>
<a href="conn/connextion.php" target="_blank"> Connexion </a>
</nav>
</div>
</header>
<!-- banner -->
<section class="cotenainer-fluid banner">
<div class="ban">
<img src="img/ban.png" alt="Bannière du site">
</div>
<div class="inner-banner">
<h1> Bienvenue Sur AxenoWEB </h1>
<a Class="btn btn-custom" href="https://www.youtube.com/channel/UCiV1SIsmTEsy3al26Kibu8g?view_as=subscriber" target="_BLANK">
Ma Chaine </a>
</div>
</section>
<!-- footer (pas de page) -->
<footer class="container-fluid footer">
<div class="container">
<div class="row">
<article class="col-md col-lg-4 col-xs-12 col-sm-12">
<h5> Me Rejoindre : </h5>
<hr class="separator">
<a href="https://discord.gg/6Uh6Mss" target="_blank"> Discord </a><br/>
<a href="https://www.youtube.com/channel/UClgXETO38mrLbVpu0qT2ZFQ?view_as=subscriber" target="_blank"> Youtube </a>
</article>
<article class="col-md col-lg-4 col-xs-12 col-sm-12">
<h5> Ma team (Decadence) : </h5>
<hr class="separator">
<a href="https://discord.gg/5zdxQY7" target="_blank"> Discord </a><br/>
<a href="siteindisponible.html" target="_BLANK"> Youtube </a>
<a href="siteindisponible.html" target="_BLANK"> Site WEB </a>
<a href="§kII§r §dPack Décadence §4V1.0 §cBy Axeno §kII.zip" download="§kII§r §dPack Décadence §4V1.0 §cBy Axeno §kII.zip">Téléchargez le Pack</a>
</article>
<article class="col-md col-lg-4 col-xs-12 col-sm-12">
<h5> Autre : </h5>
<hr class="separator">
<a href="Contacte.html">Contacte</a><br/>
<a href="siteindisponible.html">Dogosia</a>
</article>
</div>
<p>
Copyright © AxenoYT / Axeno | 2020 - 2021 | All right reserved.
</p>
</div>
</footer>
</body>
</html>
Cordialement Axeno
Hello @Axeno,
Essaye de faire le moins de fautes d'orthographe lors de la rédaction de ton topic... Une ou deux mais pas plus 😉
N'hésite pas également à mettre un espace entre ton code et ton texte, histoire que l'on respire visuellement...
Pour adapter ton site sur mobile, il te faudra apprendre le Responsive Design 😉
Quelques liens :
Dans ton code CSS, tu as déjà commencer à utiliser les Media Queries 😉 Voilà un article sur ce sujet 😉
Tu as le choix entre développer toi-même ton site pour le rendre compatible mobile ou te tourner vers un Framework comme Bootstrap 😉 A toi de choisir 😉
Hello @Axeno,
Essaye de faire le moins de fautes d'orthographe lors de la rédaction de ton topic... Une ou deux mais pas plus 😉
N'hésite pas également à mettre un espace entre ton code et ton texte, histoire que l'on respire visuellement...
Pour adapter ton site sur mobile, il te faudra apprendre le Responsive Design 😉
Quelques liens :
Dans ton code CSS, tu as déjà commencer à utiliser les Media Queries 😉 Voilà un article sur ce sujet 😉
Tu as le choix entre développer toi-même ton site pour le rendre compatible mobile ou te tourner vers un Framework comme Bootstrap 😉 A toi de choisir 😉
Ce site utilise des cookies pour améliorer uniquement votre expérience utilisateur.
Vous pouvez lire à tout moment comment nous utilisons les cookies sur le site.