Beiträge von Sempervivum

Das gängige Verfahren ist, dass es ein Topmenü nur einmal auf der Hauptseite gibt und dass dieses auch für die Unterseiten gilt.

Zitat

ertens holt er nicht die ganze seite. es wird nur das spiel angezeigt, der rest nicht .obwohl die seite auch ein topmenü hat.

Doch, er holt die ganze Seite. Das Topmenü von spiel1.html wird nicht angezeigt wegen Zeile 50 in topmenu.css:

#nav ul {
    left: -9999px;
    position: absolute;
    top: -9999px;
    z-index: 2;
}

Wenn Du dir die Seite mit dem HTML-Inspektor ansiehst, siehst Du, dass alles eingezogen wird einschl. head und Navigation. Obwohl die Browser diesbezüglich tolerant sind, sollte das nicht sein, sondern nur das "Netto-HTML" ohne head, Navigation und body-Tags eingezogen werden.

Wo hast Du das denn her? Hier:

https://stackoverflow.com/questions/1060…-pseudo-element

steht:

Zitat

There's no way to give an HTML attribute of any kind to a psuedo element.

D. h. ein Pseudoelement kann keine Klasse haben.

Das Styling von Pseudoelementen wird z. B. hier beschrieben:

http://pankajparashar.com/posts/modify-pseudo-elements-css/

Mit margin:auto funktioniert es auch, wenn man display:flex für den umgebenden Container setzt:

https://stackoverflow.com/questions/3255…856609#33856609

(nach "Center a flex item vertically and horizontally" suchen).

Ja, das mit der vertikalen Zentrierung ist so eine Sache. vertical-align funktioniert nur in Tabellenzellen und für Bilder. Aber heute, wo es Flexbox gibt, ist es kein Problem mehr: align-items:center und justiy-content:center und es funktioniert.

Zitat

Code

1. .bildmitbildunterschrift span {
2. background-color: red;
3. position: absolute;
4. bottom: 0;
5. }

Dann platziert sich mein Text einfach nicht auf dem Bild sondern bleibt konsequent darunter

Das Problem hatte ich auch, als ich versucht habe, es nachzustellen, aber es war eine Täuschung: Die Unterschrift war nicht unter, sondern auf dem Bild, aber weil die Hintergrundfarbe nicht teiltransparent war, hatte es den Anschein, dass sie darunter lag. Macht man die Hintergrundfarbe transparent, funktioniert es:

    <style>
        figure {
            position: relative;
            display: inline-block;
        }

        figcaption {
            position: absolute;
            bottom: 0;
            width: 100%;
            text-align: center;
            background-color: rgba(64,64,64,0.5);
            color: white;
        }
    </style>
    <figure>
        <img src="images/food1.jpg" />
        <figcaption>Food 1</figcaption>
    </figure>

Wie Du siehst, empfehle ich außerdem, die neuen semantischen Tag figure und figcaption zu verwenden.

Du kannst ja auch lokal testen, dann brauchst Du es nicht hochzuladen. Wenn es allerdings um Ajax geht, brauchst Du einen Webserver, aber den kannst Du auch lokal installieren. Oder einen Editor installieren, der ihn mit bringt wie MS Visual Studio.

Ja, das ist der Kern der Sache und das sollte funktionieren. Noch einfacher wird es, wenn du load() verwendest. Wenn Du deine Seite jetzt bei bplaced hast, brauchst Du doch jsfiddle nicht mehr?

Dann poste doch mal den aktuellen Code. Ich erinnere mich, mehrere Varianten entwickelt zu haben und wahrscheinlich hast Du es für deine Zwecke ja auch abgeändert.

Ja, das siehst Du richtig. Und wenn man es richtig macht, funktioniert auch alles. Das Problem bei Greasemonkey war möglicher Weise, dass man mit jQuery ja nur den HTML-Text lädt und nicht die Bilder, CSS- und JS-Dateien. Sind diese relativ verlinkt, funktioniert es nicht. Aber wenn Du es auf deiner eigenen Site machst, ist das kein Problem.

Diese Frage kommt nicht zum ersten Mal. Speichert man die Position und setzt sie auf der neuen Seite bekommt man keinen unterbrechungsfreien Ablauf hin. Die einzige Möglichkeit, die ich kenne, ist, eine Hauptseite mit der Musik zu haben und die Unterseiten mit Javascript/jQuery hinein zu laden. Siehe hier:

https://www.homepage-forum.de/forum/-1-homep…jax-jquery-load

Beispiel:

http://ulrichbangert.de/china/index.php

(Hier wird in den Inhalten navigiert, nicht mit dem horizontalen Menü oben. Das Prinzip ist aber das selbe.)

Zitat

2b.Wie macht man das mit einen topmenü?,wenn ich da ein link ändere,das es auf alle unterseiten im topmenü dann auch geändert wird ,ohne jede seite wieder zu bearbeiten zu müssen.

Dieses Problem erübrigt sich, wenn mand die Unterseiten mit Javascript lädt, weil es die Hauptseite mit dem Menü nur einmal gibt.

Da dieses core.js offenbar von github ist, würde ich es nicht ändern, sondern den Code ganz unten vor dem schließenden </body> auf der HTML-Seite einfügen. Und nicht vergessen, ihn in Script-Tags einzubetten.

Basti war schon auf dem richtigen Wege. Mit jQuery-click kannst du einen Klick auf ein Element simulieren:

https://api.jquery.com/click/

Versuche dies:

        $(document).on("keydown", function (event) {
            console.log(event.which);
            if(event.which == 66) $('.takePic').click();
        });

Das Canvas wird schon an die Größe des Browserfensters angepasst. Oder willst Du es nicht für das ganze Fenster verwenden sondern nur für einen bestimmten Container? Dann müsstest Du das entspr. umändern.

Zitat

muss ich jetzt alles andere auf der hp höhere z-index werte geben als diese sterne??

Ein z-index kann auch negativ sein, wenn Du dem Canvas einen negativen Wert gibst, brauchst Du nicht allen anderen Elementen einen z-index zu geben.

Meinst Du die Links im Footer? Die a-Tags dort enthalten nur Bilder, color beeinflusst jedoch die Textfarbe, daher ist keine Änderung sichtbar.

Zitat

aber bei mir opera werden alle bilder nebeneinander angezeigt ,mit den zähler.

Vielleicht eine alte Version im Cache? Sieh dir die Struktur mal im HTML-Inspektor der Entwicklertools an.

Zitat

das soll unter den anderen bildern in der mitte.wie bei fiddle.

Bei mir im Opera ist es das. Meinst Du den Effekt, dass er nach unten über die laufenden Bilder hinaus ragt? Das kannst Du verhindern, indem Du beim footer die feste Höhe heraus nimmst.

Was meinst Du denn, ist falsch? Dass das Bild verpixelt ist?

Im FF wird er bei mir gar nicht angezeigt:

Zitat

TypeError: document.getElementById(...) is null

[Weitere Informationen]

counter_js.php:2:1

<anonym>

https://www.gratis-besucherzaehler.net/counter_js.php:2:1

Du musst die Datei auch entsprechend mit UTF-8 abspeichern. Was benutzt Du für einen Editor? Normaler Weise findet man es unter "Speichern unter" oder in den Einstellungen.

Ich empfehle zunächst, die semantischen Tags wie <header> und <nav> zu verwenden.

https://wiki.selfhtml.org/wiki/HTML/Tuto…nstrukturierung

Zitat

Bei mir lässt sich der text nicht auf dieselbe Höhe wie das Bild oder umgekehrt machen obwohl sie doch im selben div stehen?

Informiere dich über Flexlayout:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Mit flex-direction und align-items lässt sich die Anordnung und Ausrichtung der Elemente dann ganz nach Wunsch einstellen.