Je suis entrain de faire un "mini-site" pour pouvoir m'inscrire à une formation et je suis confronté à un soucis, lorsque j'agrandis ma page internet (CTRL + Molette up/down), les éléments <div> contenant mon contenu se rentre dedans et il n'y a pas de barre déroulante horizontale en bas de la page lors d'un très grand agrandissement.
Je vous mets le code de la page 1 de mon site ci-dessous.
Screen de la page en 100% : http://i.imgur.com/hDFg0Ab.jpg Screen de la page agrandis (beaucoup) : http://i.imgur.com/RqtR8T0.jpg (je vous mets pas l'image directement car elle est très grande.)
Voilà, je sais pas si vous pouvez m'aider, mais si oui, merci à vous,
Je ne sais pas si c'est la réelle définition de "responsive", ce que je souhaite.
Je souhaiterais que les éléments ne s'entrechoc pas lorsqu'on agrandit la page ou qu'on la regarde sur un écran d'une taille différente du miens. Cependant, il n'est pas voué à être consultable sur tablette & mobile dans un premier temps, donc partir sur du responsive me parait beaucoup.
Je pense que ce qui pose problème dans mon CSS à l'heure actuelle est les "px", il faudrait que j'utilise des em ou des % pour (toutes?) mes valeurs en px, mais je ne sais pas trop comment le faire, c'est pour cela que j'ai fais ce sujet.
Effectivement, quand l'on emploi le mot responsibe pour un site c'est quand ce dernier change de design en fonction de la taille de l'écran/fenetre.
Pour tester les differentes tailles d'écrans il ne faut pas utiliser le zoom (ctrl + molette) mais modifier la taille de ta fenetre.
Tu as déjà un petit coté responsive sur ton site, quand l'on modifie la taille de la fenetre, certain de tes blocs se mettent en colonne. Continue à jouer sur cet effet si tu ne veux pas que tes blocs se "rentrent dedans".
Tu peux egalement donner une valeur maximale à la largeur de ton corp. Si ton site fait 1000px de large, tous les utilisateurs avec un écran supérieur à 1000px auront le meme design.
"Intelligence is the ability to avoid doing work, yet getting the work done." L.T.
Je n'ai pas appris ce qu'était un attribut ALT, je vais donc me renseigner dessus.
Pour ce qui est du viewport, je vais voir, j'ai vu qu'avec le @media dans le CSS, on pouvait gérer ça très facilement. Je vais aller lire ton lien qui a l'air intéressant tout de même. Merci à toi pour ta réponse !
Cela n'a rien à voir, les @media permettent de modifier une règle CSS (surcharge) selon la taille de la fenêtre du navigateur : détection -> modification.
Pour le viewport, pour faire simple le navigateur se débrouille pour ajuster le contenu de manière cohérente. Lire le lien.
Pour l'attribut alt, il permet entre autre d'afficher un texte au cas ou l'image est introuvable, mais aussi de donner une information textuelle aux non/mal - voyants -> C'est donc très important
Cela n'a rien à voir, les @media permettent de modifier une règle CSS (surcharge) selon la taille de la fenêtre du navigateur : détection -> modification.
Pour le viewport, pour faire simple le navigateur se débrouille pour ajuster le contenu de manière cohérente. Lire le lien.
Pour l'attribut alt, il permet entre autre d'afficher un texte au cas ou l'image est introuvable, mais aussi de donner une information textuelle aux non/mal - voyants -> C'est donc très important
De toute façon le validateur officiel en ligne te rappellera à l'ordre en cas d'oublie https://validator.w3.org/
- Edité par pipelette13 9 août 2017 à 16:45:24
"Lors de votre venue, vous devez apporter sur une clé USB, un mini-site de 4 pages HTML/CSS reliées entre elles que vous aurez vous-même (attention ce point est très important) élaboré, dans lequel vous pouvez traiter le thème de votre choix, soyez créatifs !"
Après je dois respecter cette règle, donc théoriquement, avec ce que j'ai appris durant l'étape 3 de la candidature, donc je vais éviter de trop en faire. Mais c'est bon à prendre pour le futur.
En gros j'ai fais les cours ci-dessous sur Codecademy et un peu de lecture/visionnage sur le net. Je sais pas trop ce que ça représente en terme de niveau, mais je suis débutant dans tout les cas.
× 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.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !