• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] CSS Menü Background Image

OK, dann hab ich das mißverstanden.

Ansonsten, da ja Deine ursprüngliche Frage beantwortet/gelöst ist, können wir die Diskussion beenden, und ich würde abschließend im Betreff den Präfix "Frage" auf "Erledigt" setzen.
 
Werbung:
Ja, und auf jeden Fall danke für die Hilfe,

weiß nicht ob ich ein zweites Thread aufmachen soll, hänge nämlich gerade daran fest, dass ich 2 Header Bilder möchte. Das sich umschaltet wenn die Auflösung unter 700px ist. Irgend etwas mache ich da falsch.

Hab das als HTML Code:

Code:
<img src="logo1.png" srcset="logo2.png 700w, logo1.png 1750w" alt="SuperHero Page">

Kein CSS Code dazu, laut Internet sollte so reichen. Aber bekommen nur logo1 angezeigt, egal ob Handy-Ansicht oder Web-Ansicht.
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Werbung:
Werbung:
Werbung:
Damit klappt es jetzt, auch im Edge Browser:

Code:
<picture>
<source media="(min-width: 700px)" srcset="logo1.png">
<img src="logo2.png" alt="SuperHero Page">
</picture>

Was würde ich ohne euch nur machen ^^ Danke :)
 
Werbung:
Denke ich mir ^^ Anpassungen und lesen von HTML sowie CSS kann ich eigentlich schon Problemlos wie Deutsch, aber die eigene Umsetzung, da muss man erst mal reinkommen.

Lerne gerade auch noch Java dazu, womit ich vorher gar nichts zu tun hatte, ist schon viel Input o_O

Aber was muss das muss, danach will ich noch Informatik studieren
 
Guten Abend :) da bin ich wieder ^^

Habe mich jetzt mal an Gradient probiert und da auch einen Fehler den ich nicht ausgemerzt bekomme.

https://jsfiddle.net/6cyy2Lx5/

Sobald man das Menue ausklappt erweitert sich der Hintergrund der Navbar nach unten und dadurch kommt es zu einer Doppelung. Möchte dass die Navbar fix bleibt und jeder Reiter seinen eigenen Hintergrund hat, was ja schon gegeben ist. Möchte nur die Verbreiterung der Navbar nicht.

Wenn ich dafür ein max-hight setze, wird logischerweise das Reiter Menue ausgeblendet beim Aufklappen.

Gruß
 
Werbung:
  1. Ausgangspunkt: https://www.w3schools.com/cssref/func_repeating-linear-gradient.asp
  2. Demo: https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_gradient-linear_repeating
  3. -repeating im Demo-CSS gelöscht: https://www.w3schools.com/code/tryit.asp?filename=FEQ9L0826UZX - Grünen Button "Run" klicken
Btw, ID-Bezeichner id="myID" dürfen im HTML-Dokument nur einmal vorkommen.

Multiple Angaben sind durch eine CSS-Klasse zu ersetzen: class="myClass" (HTML-Attribut) und .myClass (CSS-Selektor, Klasse beginnt mit Punkt).
 
Hey,

die ID hab ich ja nur mehrfach benutzt da es ja keinen Unterschied macht ob ich die 3 mal verwende, wenn ich für alle 3 die gleiche CSS Zuweisung benutze.

https://jsfiddle.net/6cyy2Lx5/1/

Hab jetzt die ID einzeln zugewiesen, aber das ändert ja nichts an dem Problem. Welches ja durch die Klasse ".menue" in der CSS verursacht wird und nicht durch die ID "#secendBG"?

Möchte ja erreichen, dass die Klasse ".menue" sich nicht nach unten verlängert wenn ich das Reiter-Menü öffne, sondern nur der Hintergrund der einzelnen ID Zuweisungen von "#secendBG" angezeigt werden.

Bei der Priorität steht ja ID über der Klasse. Deswegen verstehe ich nicht, wieso sich das nach unten verlängert?
 
Zurück
Oben