Beiträge von Sailor

    Ändere bitte mal in deinem CSS folgendes:

    1. Es muss color: #000066; heißen...font-colour: #000066; gibt es nicht.

    2. Es muss flex-wrap: wrap; heißen ...wrap: wrap; ist falsch.

    Wenn es dann nicht deinen Vorstellungen entspricht wieder melden.

    Das ist zumindest schon mal die halbe Miete... aber ohne den zugehörigen HTML (und ggf JavaScript) Code steht man auch nur davor, wie der Ochs vorm Berg. Man muss da immer Beides haben.

    Zum Einfügen von Code nutzt man hier im Forum die Einfügefunktion.. die verbirgt sich hinter dem Symbol </> oben in der Menüleiste des Editors (drittes Symbol von rechts).


    Und dein Anliegen hast du auch noch nicht wirklich beschrieben...

    und auch die Bildgalerie nicht so aussieht wie sie sollte

    ... tja... wie soll sie denn aussehen?

    Eine ZIP-Datei wird sich hier sicherlich niemand herunterladen.. und mit deiner Fehlerbeschreibung und den Screenshots kann wohl niemand irgendeine sinnvolle Hilfestellung geben. Poste einen Link zur Seite und alles wird gut :)!

    Aber die Sprungmarke funktioniert, landet nur leider nicht auf den Anfang des Artikels.

    Doch... genau da landet der Link... zwar etwas höher (bei dem Bild, wo auch sich auch die ID befindet) als von dir gewünscht, aber achte mal darauf, direkt nach dem Öffnen des Links ist die richtige Stelle gewählt - aber dann geht dieses Nachladen los und die Seite verschiebt sich wieder.

    Mit der von dir angegebenen Zielseite stimmt etwas nicht... da werden (unendlich) viele Daten nachgeladen. Schau mal beim Aufruf dieser Seite unten links im Browserfenster, was sich da alles noch tut... oder alternativ rufe mal die Webkonsole auf.

    Ich würde da mal den Seitenbetreiber kontaktieren, was da beabsichtigt ist. Sieht auf jeden Fall nicht richtig und gewollt aus.


    Dein Link zu der ID sollte dann so aussehen - aber wegen der oben beschrieben Problematik, kann es sein, dass das nicht richtig funktioniert.

    Code
    1. <a href="https://www.helpinganimalsromania.de/tiere/himmelskinder/himmelskinder-bis-2014#cc-m-textwithimage-6611227086" target="_blank">Link zum Anker</a>

    Du brauchst doch von der 'Fremdseite' nur den Quellcode ansehen (in deinem Browser). Im Code suchst du dann an der Stelle, an die du verlinken willst, nach einer passenden ID - diese ID in deinen Link eintragen und es sollte funktionieren.

    Lass mal den Slash ( / ) am Ende weg... direkt hinter den Seitennamen muss das #AnfangAbschnitt kommen.

    Und wenn die Endung nicht html ist, dann probiere doch mal htm ... oder php ... so viele Möglichkeiten gibt es da ja nicht.

    Und ein Anker auf der anderen Seite muss eine ID sein... suche mal nicht in Texten, sondern nach einer id="blabla" in einem HTML-Tag.

    zB <div id="blabla">...</div>.. dann ist blabla dein Anker.

    Bitte den Link zur Seite - oder den vollständigen Code HTML +CSS) - posten. Wie sollen wir sonst sehen, was du möglicherweise übersehen hast??

    Bei der Anzeige des Hintergrundbildes hast du nicht so viele Optionen - das wird über das Attribut background-size: .......; gesteuert.

    Da müsstest du auswählen, was dir am besten passt....

    https://www.w3schools.com/cssref/css3_pr_background-size.asp


    PHP? .... du meinst meine Signatur :)? Die hat mit der Antwort nichts zu tun, die steht unter allen meinen Beiträgen und ist 'nur' die PHP Übersetzung für 'wenn ich nicht einschlafen kann' (if(!sleep)) dann 'zähle ich Schafe' ({$sheep++}).

    Sorry, wenn ich dich damit verwirrt haben sollte - oder willst du in deine Seite noch PHP einbauen?

    Da scheinen mehrere Probleme vorzuliegen.

    Das Template, das du gefunden hast, ist grottenschlecht. Schreib dir lieber selbst etwas passendes.

    Warum?


    Es wird eine steinalte HTML Variante genutzt (XHTML). Solltest du auf HTML 5, das ist aktuelle Standard, umstellen.


    Im CSS sind 'veraltete' und unnötige Webkits angegeben. Alles Unnötige sollte man löschen.


    Im CSS sind Elemente formatiert, die es im Quellcode nicht gibt. -dito- löschen was unnötig ist.


    Im <head> fehlt die Angabe zum 'viewport'.

    Code
    1. <meta name=viewport content="width=device-width, initial-scale=1">

    Alleine das kann schon einen großen Unterschied machen, da hiermit Anzeigefehler bei mobilen Endgeräten vermieden werden.


    Aber nun zu den eigentlichen Fehlern!

    Du gibst einem Element (in deinem Fall dem <html> - es wäre besser <body> für diesen Zweck zu nutzen) ein Hintergrundbild, gibst dem Element aber keine Größe. Hintergrundbilder werden aber nur so groß dargestellt, wie eben das Elternelement vorgibt. Das bedeutet Elternelement 0 Höhe = Hintergrund 0 Höhe.

    Außerdem hat das Hintergrundbild einen ziemlich großen weißen, umlaufenden Rahmen. Der Rahmen wird also immer angezeigt und du wirst es nie flächendeckend als Hintergrundbild angezeigt bekommen.

    Versuche es mal hiermit:

    Das CSS:

    Das HTML:

    Allerdings ungetestet, sollte aber klappen.

    ...dann bist du derjenige, der verantwortlich dafür gemacht werden kann.


    Ja, das ist wohl genau so - mal ganz davon abgesehen, dass diese Spamerei hier wirklich schon die Grenzen des Erträglichen mehr als überschritten hat.

    Die Syntax in deinem verlinkten Beispiel basiert auf einem CSS Präprozessor (https://de.wikipedia.org/wiki/Sass_(Stylesheet-Sprache)). Somit wird die Syntax auch nur von diesem Präprozessor unterstützt - ein Standardbrowser macht das nicht.


    Diese 'andere' Syntax zum nutzen von Variablen ist jedoch unabhängig von irgendwelchen zusätzlichen Prozessen - das macht der Browser ganz alleine. Leider haben ältere Browser das noch nicht wirklich implementiert.


    Hmmm... in deinem Fall mit der Nutzung von Variablen in einer @media Query scheint das aber anders zu sein :(. Hab das gerade mal selber getestet (aktueller FireFox, Chrome und IE 11), die Variablen funktionieren... nur leider nicht, wenn sie in einer @media Anweisung genutzt werden.
    Hab mal einen kleinen Testcode erstellt...


    Teste das mal!