Partage

media queries

pourquoi l'un et pas l'autre

15 mai 2018 à 16:13:14

hello ... si quelqu'un peut me dire ? 

cela marche 

h2

{

color: #A12F2F;

text-align: center;

}

@media screen and (max-width: 1024px)

{

h2

{

color: #FFF666;

}

}

cela ne marche pas 

body

{

font-style: italic;

}

@media screen and (max-width: 1024px)

{

body

{

font-style: normal;

}

}

Régine Djalo

Vous êtes demandeur d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur web junior

Je postule
Formation
certifiante
Financée
à 100%
Anonyme
15 mai 2018 à 16:18:46

salut,

tu as assemblé des bouts de ta page avant de poster parce que je ne vois pas la balise <body> en haut.

le mieux c de poster toute ta page en utilisant la balise </>

15 mai 2018 à 16:27:16

OK 

la voilà 

@font-face

{

font-family: "amble";

src: url("amble-Regular.ttf") format("ttf"),

}

img

{

float: right;

width: 100px;

height: auto;

}

body

{

background-color:  #cebebe;

border-image: left

}

body

{

font-style: italic;

}

@media screen and (max-width: 1024px)

{

body

{

font-style: normal;

}

}

#lisere, #page

{

display: inline-block;

vertical-align: top;

}

#lisere

{

width: 12%;

margin-right: 2%;

height: 600px;

background-color: #393939;

border-radius: 10px;

}

#page

{

width: 80%;

}

section

{

display: inline-block;

 vertical-align: top;

 width: 30%;

 margin-right: 2%;

}

h1

{

text-align: center;

}

ul

{

list-style-type: none;

}

h2

{

color: #A12F2F;

text-align: center;

}

@media screen and (max-width: 1024px)

{

h2

{

color: #FFF666;

}

}

h3

{

color: #A35D5D;

}

a:hover

{

text-décoration: blink;

color: #C92626;

}

img

{

border: 2px #124363 solid;

}

img

{

box-shadow: 6px 6px 6px #2E719E;

}

div

{

display: inline-block;

}

.date

{

margin-left: 20px;

}

.activity

{

list-style-type: square;

}

.training

{

margin-left: 50px;

}

.trainings

{

margin-left: 76px;

}

Régine Djalo
Staff 15 mai 2018 à 16:29:36

Bonjour,

Le message qui suit est une réponse automatique activée par un membre de l'équipe. Les réponses automatiques leur permettent d'éviter d'avoir à répéter de nombreuses fois la même chose, ce qui leur fait gagner du temps et leur permet de s'occuper des sujets qui méritent plus d'attention.
Nous sommes néanmoins ouverts et si vous avez une question ou une remarque, n'hésitez pas à contacter la personne en question par Message Privé.

Pour plus d'informations, nous vous invitons à lire les règles générales du forum

Merci d'utiliser la mise en forme de code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour celà, il faut utiliser le bouton Image de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: c;">Votre code ici</pre>.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
Anonyme
15 mai 2018 à 16:36:16

et bien je vois que tu ouvre deux fois body mais à mon avis ton media query plante parceque tu as des accolades en trop qui referme ce dernier trop tôt.

Si tu avais utiliser la balise code, le numéro des lignes apparaitré d’où sont utilité ; )

-
Edité par Anonyme 15 mai 2018 à 16:43:12

15 mai 2018 à 16:45:37

peux tu me redire ce que tu entends pas la balise code ? je suppose que c'est celle ci </>, mais comment je l'utilise ? 

Régine Djalo
Anonyme
15 mai 2018 à 16:48:50

ben au moment d’insérer tu appuis dessus comme cela:

<?php

echo "Hello Word";

?>



Staff 15 mai 2018 à 16:53:26

Comme le dit mon message plus haut : "Pour cela, il faut utiliser le bouton Image de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue."
Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
Anonyme
15 mai 2018 à 17:05:28

https://fr.wikipedia.org/wiki/Pastebin
15 mai 2018 à 18:42:00

merci 

à bientôt

Régine Djalo
Anonyme
16 mai 2018 à 10:15:32

tu as trouvé l'accolade en trop? Si oui, passe le sujet en résolue stp :)
16 mai 2018 à 15:12:04

Hello 

je n'avais pas vu votre message je vous le fais dans les heures qui viennent 

merci beaucoup

Régine Djalo

media queries

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