[ERLEDIGT] Div-Elemente unsichtbar machen

[Scripit]

Hallo,
Ich will, das ab einer bestimmten Breite ein div verschwindet und ein anderes erscheint. Doch bei mir funktioniert es nicht:

@media screen and (max-width: 700px;) { 
div.header{display: none;}
div.header1{display: block;}
}

Ich danke im voraus.

 

[Scripit]

Leider wurde aus dem Semikolon und der Klammer ein Smiley. Sry.

 

[SpiceLab]

Leider wurde aus dem Semikolon und der Klammer ein Smiley. Sry.

Nicht mit [code=CSS][/code] :) Siehe meine korrigierte Fassung deines Beitrags.

Dafür aber das erstgenannte zum Problem in deinem Code.

• https://jsfiddle.net/SpiceLab/887ad7g4/

 

[Scripit]

Ich habe es bei mir ausprobiert, doch es funktioniert nicht bei meinen Hyperlinks.

 

[Scripit]

Ich habe hier jetzt meinen Code doch er funktioniert nicht.
https://jsfiddle.net/Scripit/avLq4zp9/

 

[djheke]

Willst Du sowas? Desktop nebeneinander, Mobile untereinander.

https://jsfiddle.net/avLq4zp9/1/

 

[Scripit]

Ja, danke! :)))))))

 

[SpiceLab]

Ich habe hier jetzt meinen Code doch er funktioniert nicht.
https://jsfiddle.net/Scripit/avLq4zp9/

Wie auch, wenn er noch immer denselben Fehler enthält: das Semikolon vor der Klammer.

@media screen and (max-width: 700px;){...}

(2.) Korrektur von mir: https://jsfiddle.net/SpiceLab/avLq4zp9/5/

Zur Gegenkontrolle ist hier der graue Hintergrund für die Links (der gleichermaßen in .header u. .header1 gilt) temporär deaktiviert, und ersatzweise für .header1 ein roter zugewiesen.

Willst Du sowas? Desktop nebeneinander, Mobile untereinander.

https://jsfiddle.net/avLq4zp9/1/

Korrektur von @djheke enthält kein Semikolon- wie auch mein Link zuvor:

Ja, danke! :)))))))

Nicht mit [code=CSS][/code] :) Siehe meine korrigierte Fassung deines Beitrags.

Dafür aber das erstgenannte zum Problem in deinem Code.

• https://jsfiddle.net/SpiceLab/887ad7g4/

 

[Scripit]

Ich hatte den Fehler nicht erkannt.

 

[SpiceLab]

Ich hatte den Fehler nicht erkannt.

Selbst nicht in diesem Zusammenhang? :(

Leider wurde aus dem Semikolon und der Klammer ein Smiley. Sry.

Nicht mit [code=CSS][/code] :) Siehe meine korrigierte Fassung deines Beitrags.

Dafür aber das erstgenannte zum Problem in deinem Code.

• https://jsfiddle.net/SpiceLab/887ad7g4/

das erstgenannte = das Semikolon