Html et css
Résolu/Fermé
A voir également:
- Html et css
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- Image cliquable html ✓ - Forum Réseaux sociaux
- Br html ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
4 réponses
Bonjour,
euh c'est assez antinomique ce dont vous parlez :"j aimerais changer ma balise <center> avec mon fichier CSS ".
La balise CENTER n'est pas recommandée et même à éviter absolument comme tout ce qui reste des premières versions de HTML avant CSS. Depuis CSS TOUTE la mise en page se fait avec CSS. Donc ça n’a rien à faire là(center, b , attribut background etc...) et vous pouvez simplement taper dans le moteur de recherche un truc du genre: Centrage(ou positionnement encore mieux) avec CSS.
Vous obtiendrez tout un tas de résultat. Comme la règle CSS
"car center se fais mal si l écran est très grand"
Cela veut dire que votre mise en page n'est pas une mise en page puisque que les dimensions ne sont pas adaptées à tout le monde mais à celles que vos utilisez. C'est mieux quand tout le monde peut voir le même site s'afficher de la même façon, autrement ça à un nom: bug d'affichage.
La solution vous en êtes proche puisque vous indiquez des dimensions de positionnement (mise en page) avec une unité relative: le pourcentage.
Sauf que tout doit être fait de faon relative et que vous devez éviter dans l'ensemble et le possible de mettre quoi que ce soit avec des tailles normées et fixes.
euh c'est assez antinomique ce dont vous parlez :"j aimerais changer ma balise <center> avec mon fichier CSS ".
La balise CENTER n'est pas recommandée et même à éviter absolument comme tout ce qui reste des premières versions de HTML avant CSS. Depuis CSS TOUTE la mise en page se fait avec CSS. Donc ça n’a rien à faire là(center, b , attribut background etc...) et vous pouvez simplement taper dans le moteur de recherche un truc du genre: Centrage(ou positionnement encore mieux) avec CSS.
Vous obtiendrez tout un tas de résultat. Comme la règle CSS
t e x t-a l i g n: center;(bien sûr sans les espaces superflus)
"car center se fais mal si l écran est très grand"
Cela veut dire que votre mise en page n'est pas une mise en page puisque que les dimensions ne sont pas adaptées à tout le monde mais à celles que vos utilisez. C'est mieux quand tout le monde peut voir le même site s'afficher de la même façon, autrement ça à un nom: bug d'affichage.
La solution vous en êtes proche puisque vous indiquez des dimensions de positionnement (mise en page) avec une unité relative: le pourcentage.
Sauf que tout doit être fait de faon relative et que vous devez éviter dans l'ensemble et le possible de mettre quoi que ce soit avec des tailles normées et fixes.
En étendant ce raisonnement à l'ensemble du monde et pas seulement une dame âgée avec une cataracte dans les yeux on peut penser aux utilisateurs des téléphones mobiles (80% des internautes)...
si votre site n'est destiné qu'à une taille normée comment pensez vous que les utilisateurs qui regardent sur grand écran ou sur différentes tailles de téléphone cellulaire(résolution d'écran) et tablettes doivent prendre le site que vous faites? Ils ne vont pas s'embêter à essayer de décrypter quelque chose de bugué, ils partiront et ne reviendront sans doute plus.
En web adaptatif il y a différentes méthodes concurrentes et complémentaires pour cela. La première d'entre elles ce sont d'utiliser des dimensions relatives partout. Avec le % et aussi le quadratin ( unité "e m") qui permet d'indiquer des dimensions en fonction de la taille du texte.
Vous trouverez facilement des exemples et cours sur le sujet avec Internet, même plus qu'il n'en faut.
Comme pour le positionnement ça vous coûtera rien et sera plus rapide de commencer par une recherche avec les mots clés adéquats, puisque des gens ont pris de leur temps pour faire des sites où vous avez les réponses il faut pas se priver! Bien sûr c'est à vous de faire le travail, en général comprendre et apprendre de nouvelles notions, une des choses les plus gratifiante et efficace pour tout résoudre ;)
si votre site n'est destiné qu'à une taille normée comment pensez vous que les utilisateurs qui regardent sur grand écran ou sur différentes tailles de téléphone cellulaire(résolution d'écran) et tablettes doivent prendre le site que vous faites? Ils ne vont pas s'embêter à essayer de décrypter quelque chose de bugué, ils partiront et ne reviendront sans doute plus.
En web adaptatif il y a différentes méthodes concurrentes et complémentaires pour cela. La première d'entre elles ce sont d'utiliser des dimensions relatives partout. Avec le % et aussi le quadratin ( unité "e m") qui permet d'indiquer des dimensions en fonction de la taille du texte.
Vous trouverez facilement des exemples et cours sur le sujet avec Internet, même plus qu'il n'en faut.
Comme pour le positionnement ça vous coûtera rien et sera plus rapide de commencer par une recherche avec les mots clés adéquats, puisque des gens ont pris de leur temps pour faire des sites où vous avez les réponses il faut pas se priver! Bien sûr c'est à vous de faire le travail, en général comprendre et apprendre de nouvelles notions, une des choses les plus gratifiante et efficace pour tout résoudre ;)
RedWay
Messages postés
2
Date d'inscription
mardi 4 décembre 2018
Statut
Membre
Dernière intervention
5 décembre 2018
5 déc. 2018 à 13:21
5 déc. 2018 à 13:21
Bonjour, petit changement de pseudo c'est moi stone24 (le rédacteur de la question)
Merci bcp pour cette réponse rapide et très complète.
Je n'est pas précisé qu il s'agit d'un exercice demander par notre prof et donc, par conséquent ce site ne sera jamais mis en ligne ni visible depuis un téléphone.
J'ai aussi tester avec une balise <div></div> et cela n'a pas fonctionné non plus.
Je souhaiterais mettre toutes les images comprises entre <div> et </div> au centre de la page les une en dessous des autres.
voici mon code:
<!DOCTYPE html>
<html>
<link rel="steelcheet" href="OneWheel.css" type="text/css">
<head>
<title> One Wheel </title>
</head>
<body background = "https://4k-wallpaper.net/images/scottsdale-arizona_493.jpeg">
<body>
<div>
<a href="https://onewheel.com/products/onewheel-plus"> <img src="https://mms.businesswire.com/media/20181025005737/en/686666/5/Onewheel_Wordmark_Black.jpg" width="700 px"> </a>
<img src="https://store.urban360.com/wp-content/uploads/2018/01/Onewheel-Plus-XR-home.jpg">
<br> <br> <br> <br> <br> <br>
<font size="+5">
<h1>OneWheel</h1>
</font>
<img src="https://cdn.shopify.com/s/files/1/0696/2011/files/CrushHills_Icon.png_2x_77b1fe64-a419-44a7-9a4c-d0cef23be112.png?v=1513885749">
<br> <br> <br> <br> <br> <br>
<img src="https://cdn.shopify.com/s/files/1/0696/2011/t/11/assets/icon-flag-bw-58-x-30.svg?822191354346238521" width="200">
<br> <br> <br> <br> <br> <br>
<img src=https://cdn.shopify.com/s/files/1/0696/2011/t/11/assets/icon-shield-white-40-x-42.svg?822191354346238521 width="200">
</div>
</body>
</html>
et mon css:
body {
margin-left: 50%;
}
div {
margin-left: 50%;
}
Merci bcp pour cette réponse rapide et très complète.
Je n'est pas précisé qu il s'agit d'un exercice demander par notre prof et donc, par conséquent ce site ne sera jamais mis en ligne ni visible depuis un téléphone.
J'ai aussi tester avec une balise <div></div> et cela n'a pas fonctionné non plus.
Je souhaiterais mettre toutes les images comprises entre <div> et </div> au centre de la page les une en dessous des autres.
voici mon code:
<!DOCTYPE html>
<html>
<link rel="steelcheet" href="OneWheel.css" type="text/css">
<head>
<title> One Wheel </title>
</head>
<body background = "https://4k-wallpaper.net/images/scottsdale-arizona_493.jpeg">
<body>
<div>
<a href="https://onewheel.com/products/onewheel-plus"> <img src="https://mms.businesswire.com/media/20181025005737/en/686666/5/Onewheel_Wordmark_Black.jpg" width="700 px"> </a>
<img src="https://store.urban360.com/wp-content/uploads/2018/01/Onewheel-Plus-XR-home.jpg">
<br> <br> <br> <br> <br> <br>
<font size="+5">
<h1>OneWheel</h1>
</font>
<img src="https://cdn.shopify.com/s/files/1/0696/2011/files/CrushHills_Icon.png_2x_77b1fe64-a419-44a7-9a4c-d0cef23be112.png?v=1513885749">
<br> <br> <br> <br> <br> <br>
<img src="https://cdn.shopify.com/s/files/1/0696/2011/t/11/assets/icon-flag-bw-58-x-30.svg?822191354346238521" width="200">
<br> <br> <br> <br> <br> <br>
<img src=https://cdn.shopify.com/s/files/1/0696/2011/t/11/assets/icon-shield-white-40-x-42.svg?822191354346238521 width="200">
</div>
</body>
</html>
et mon css:
body {
margin-left: 50%;
}
div {
margin-left: 50%;
}
RedWay
Messages postés
2
Date d'inscription
mardi 4 décembre 2018
Statut
Membre
Dernière intervention
5 décembre 2018
5 déc. 2018 à 17:26
5 déc. 2018 à 17:26
Merci tout est bon c'est juste moi qui avais fais des erreurs de balises et de placement.
Tout est résolu, c'est bcp mieux quand le <link> trouve le bon dossier et le place au bon endroit.
RedWay, alias stone24
Tout est résolu, c'est bcp mieux quand le <link> trouve le bon dossier et le place au bon endroit.
RedWay, alias stone24
" il s'agit d'un exercice demander par notre prof et donc, par conséquent ce site ne sera jamais mis en ligne ni visible depuis un téléphone. "
Raison de plus pour faire les choses correctement, un exercice normalement c'est pour apprendre. Apprendre des choses incorrectes c'est quoi l'intérêt?
Bien joué en tout cas pour avoir résolu votre problème. Si c'est un problème de référence hypertexte comme pour lier le fichier CSS par la balise link ou une URL erronée vous l'aurez vu rapidement en utilisant la console du navigateur qui sert à cela. Utilisez là dès que vous avez un doute, il y a pas mal d'erreurs qui seront indiquées, celles qui seront les plus évidentes en tout cas ;)
Bon apprentissage et bonne chance pour vos études.
Raison de plus pour faire les choses correctement, un exercice normalement c'est pour apprendre. Apprendre des choses incorrectes c'est quoi l'intérêt?
Bien joué en tout cas pour avoir résolu votre problème. Si c'est un problème de référence hypertexte comme pour lier le fichier CSS par la balise link ou une URL erronée vous l'aurez vu rapidement en utilisant la console du navigateur qui sert à cela. Utilisez là dès que vous avez un doute, il y a pas mal d'erreurs qui seront indiquées, celles qui seront les plus évidentes en tout cas ;)
Bon apprentissage et bonne chance pour vos études.
5 déc. 2018 à 12:17