Bonjour, bonsoir, je commence de plus en plus à faire des sites clean ect, mais j'ai un problème que je n'arrive pas à régler c'est la responsive, j'aimerai que quelqu'un m'explique comment la faire merci et bonne soirée :!
Résolu Cherche quelqu'un qui peut m'apprendre la responsive
- Auteur de la discussion ZeiQoRG
- Créé le
Daniel.Dev
Membre
Tu peux ajouter un min-width: 500px; par exemple, ça ne sera pas vraiment responsive, ça mettra juste un scroller quand le navigateur fait moins de 500 pixels de largeur.
Sinon pour faire vraiment un truc responsive regarde ce tutoriel :
Et sinon la dernière solutions c'est d'utiliser des frameworks
Sinon pour faire vraiment un truc responsive regarde ce tutoriel :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Et sinon la dernière solutions c'est d'utiliser des frameworks
Merci de ta réponse, tu pourrai m'éclaircir, sur qu'est ce que la responsive car je regarde pleins de forum et pas tout le monde n'a la même définition ..Tu peux ajouter un min-width: 500px; par exemple, ça ne sera pas vraiment responsive, ça mettra juste un scroller quand le navigateur fait moins de 500 pixels de largeur.
Sinon pour faire vraiment un truc responsive regarde ce tutoriel :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Et sinon la dernière solutions c'est d'utiliser des frameworks
Daniel.Dev
Membre
Un design responsive et un design qui répond à toutes les résolutions d'affichages, que ça soit mobile, tablette, pc...
Le design s'intègre parfaitement à la résolution de l'utilisateur (car tout le monde n'a pas par exemple la même taille d'écran, etc).
Si j'ai bien compris, quand je vais réduire ma page, tous va se rétrécir en même temps c'est sa ?Un design responsive et un design qui répond à toutes les résolutions d'affichages, que ça soit mobile, tablette, pc...
Le design s'intègre parfaitement à la résolution de l'utilisateur.
Daniel.Dev
Membre
C'est ça, ça va s'adapté à la taille de l'affichage.
Comme pour par exemple (
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
) :A gauche quand on a un affichage pc, à droite un affichage mobile - tablette (tu peux le voir en réduisant la taille de la fenêtre du navigateur) :
D'accord merci beaucoup pour ton explication, mais j'ai encore une question, tu pourrai me dire comment je fais pour centrer un site comme celui là par exemple
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Daniel.Dev
Membre
HTML :
HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="global">
tout le contenu sera centrer sur 80% de la taille du navigateur
</div>
</body>
</html>CSS :
Code:
#global {
width: 80%;
margin-left: auto;
margin-right: auto;
}EDIT: tu peux mettre la taille en px aussi
Si j'utilise boostrap sa marche?HTML :
Code:<!DOCTYPE HTML> <html> <head> <title>Test</title> </head> <body> <div id="global"> tout le contenu sera centrer sur 80% de la taille du navigateur </div> </body> </html>
CSS :
HTML:#global { width: 80%; margin-left: auto; margin-right: auto; }
EDIT: tu peux mettre la taille en px aussi
Daniel.Dev
Membre
Pour centrer avec le framework bootstrap, tu peux utiliser ça oui, mais tu peux utiliser les classes css qui sont déjà incluses.
Regarde par ici :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Un exemple ici :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
Y'a moyen d'avoir un skype comme sa tu me montres
Daniel.Dev
Membre
Je suis pas vraiment sur skype, mais je t'ai donné un exemple juste avant donc je ne vois pas où est le soucis ?
Je comprend pas comment le centrer en faites
- Statut