Beiträge von basti1012

    Crossposting ist Mist .

    Warum blendest du nicht das ganze Form-Element aus?

    Code
    1. form.search-form {
    2. display: none;
    3. }

    bei den anderen das ganze div Element


    Code
    1. #search-toggle{
    2. display: none;
    3. }

    Unterschied, zu was anderen?

    Für eine Webseite brauch man mehrere Sprachen.

    Erstmal HTML, was eigentlich keine Programmiersprache ist, sondern eine Auszeichnungssprache.

    Ohne das kann man aber auch keine Webseite erstellen.

    Dann brauch man CSS, was für das Aussehen da ist.

    Mit Javascript kann man dann bestimmte Funktionen und Anwendungen erstellen.

    Es gibt aber auch noch PHP,JAVA,NODEJS,PYTHON usw.

    Jede Sprache hat ihre vor und Nachteile.

    Was willst du den erstellen?

    Danach kann man dir auch sagen mit welcher Sprache man das an besten macht.

    gibt es eine Möglichkeit im noscript herauszufinden, welches Gerät genutzt wird und dann einen device Link zum aktivieren von javascript zu hinterlegen? Also quasi so, dass sich auf dem Gerät die richtigen Einstellungen öffnen?

    Jain.

    Normaleweisse muss man sowas mit Javascript auslesen.

    Du könntest aber etwas mit @mediaqueries rumspielen.

    Du erstellst mehrere <a> Elemente mit deinen verschiedenen Links.

    Alle auf display:none setzen.

    Mit den verschiedenen media queries größen kannst du dann verschiedene a Elemente auf display:block setzen, die dann Links enthalten die das mediaqueries ermittelt hat.


    so kann man feststellen ob es ein Handy ist oder deskop.

    Falls du eine Liste hast mit allen Displaygrößen, könntest du es noch genauer ermitteln welche Handys oder Geräte dahinter sein könnten

    Kennst du die Seite?

    https://uncss-online.com/

    Der findet nur die CSS

    Code
    1. figcaption {
    2. color: white;
    3. font-style: italic;
    4. text-align: center;
    5. padding: .4em .4em .2em
    6. }

    Die auf der Startseite nicht gebraucht wird.


    Wenn du noch testen willst ob deine HTML und CSS richtig oder veraltet sind, dann kannst du das hier testen.

    HTML

    https://validator.w3.org/nu/?d…%2Fflohheim2%2Findex.html

    CSS

    https://jigsaw.w3.org/css-vali…ng=1&vextwarning=&lang=de


    Bis jetzt hast du alles seh gut gemacht

    Na ja, wenn man es so haben will.

    Vielleicht hat der TO irgendein Homepage-Baukasten Anbieter wo man keine eigenen Bilder hochladen kann, das wäre die beste Erklärung warum man das so machen sollte.

    Bei "share-your-photo.com" funktionieren beide Schreibweisen von dir nicht! s. Screen! - Was muss ich da verändern, dass ich mein Bild angezeigt bekomme?

    Scrollen

    Da steht.

    Webseite:(HTML-Code)

    Code
    1. <a href="https://share-your-photo.com/574af14db0" target="_blank"><img src="https://share-your-photo.com/img/574af14db0_album.jpg" border="0" alt="Bilder hochladen" /></a>

    Ich verstehe nur noch Bahnhof.

    Ich habe es so verstanden das du die Bilder , die in dein Google Drive liegen, auf deiner Homepage sichtbar sein sollen.

    Bei mein Codepen kannst du sehen, dass es geht , und auf deinen Bildern sehe ich auch das es bei dir geht.

    Was soll die Ausage den jetzt ?


    Bei "share-your-photo.com" funktionieren beide Schreibweisen von dir nicht! s. Screen! - Was muss ich da verändern, dass ich mein Bild angezeigt bekomme?


    share-your-photo.com (https://share-your-photo.com/574af14db0)

    Was hat die Aussage den jetzt mit deiner Homepage Zutun?

    Was ist das für nee Seite was macht die genau?

    Ich verstehe das so:

    Das ist eine von vielen Seiten , wo man Bilder hochladen kann.

    Dann bekommt mein Bildlink was man auf Facebook,Instagram, usw. einbinden kann.

    Auf eigene Homepage könnte man es wahrscheinlich auch so einbinden.


    Jetzt meine Frage ?

    Was hat das mit Google Drive Zutun ?

    Du könntest vielleicht sogar dein Bildlink in Foren und Sozialmedia einbinden .( müsste man testen das weiß ich nicht)

    Wenn es nicht geht, lädst du das Bild von dein Google auf den Rechner.

    Danach lädst du das Bild wieder bei share-your-photo.com hoch.

    Da bekommst du ein Link , was du fast überall einbinden kannst.


    Was das aber mit deine HP Zutun hat weiß ich immer noch nicht.

    Du könntest aber , wie m.scatello schon sagte, dein Bild auf deiner Homepage( Server/ Webserver oder co ), hochladen.

    Das Bild hat dann ein Link, was du eigentlich überall anzeigen lassen kannst. Auch das Bild was bei Google Drive ist läst sich eigentlich auch überall einbinden

    Ich kann dein Bild sehen.

    Dann ändere mal die links in meinem Code PEN und füge deine Links ein.

    Code
    1. <h1>Thumbnail image</h1>
    2. <img src="https://drive.google.com/thumbnail?id=1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C">
    3. <h1>Image als Original Größe</h1>
    4. <img src = "https://drive.google.com/uc?id=1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C&export=download">

    Bei den normalen img geht es.

    Bei den ifames muss man wohl noch was einstellen

    Wegen dein :Focus funktioniert das auch nur beim a Element , falls ich mich jetzt nicht irre.

    Du könntest Javascript benutzen oder eine Checkbox und den Checkbox Hack benutzen.


    Oder etwas tricksen.

    ändere das a Element so

    Code
    1. <a id="img1" href="#img1">

    Das machst du bei den anderen auch mit img2 ,img3 und img4.

    Damit spring der Browser nicht nach oben , weil er direkt da hinspring ,wo du geklickt hast

    Ich habe ja ein Container, welcher nur 1px hoch ist, damit der Sticky-Header erst Transparent ist und dann beim scrollen aktiviert wird uns sich somit weiß färbt.

    Wenn dieser Container nicht da wäre, wäre ist Sticky-Header automatisch aktiv.

    Möchtest du das den so haben?

    Dann kommentiere den Container aus oder lösch ihn.

    Du solltest zum Testen aber erstmal auskommentieren damit du nichts Falsches löschst.


    Hast du schon was geändert?

    Beim klick auf das Menü wird de Header jetzt zur Hälfte weiß , da ist ein Gradient drin.


    WP ist nicht mein Thema und weiß auch nicht was die da so machen.

    Dein Header (<section>) hat einmal ein Data-Settings Attribute wo die Styls von den Header angegeben werden.

    Ich finde auf der schnelle auch nicht wie der Gradient in den Style kommt.

    In der CSS finde ich es nicht und im style Attributte auch nicht.


    Soll der Header jetzt dauerhaft weiß sein?

    Das ist echt eine verschachtelte div Suppe.

    Viel zu viel Klassen Namen.

    Ist aber halt so.

    Ich würde ein Javascript erstellen was beim klick auf dem Menü, dem Header eine Klasse gibt.

    Mit CSS alleine wird das nicht gehen, dafür ist es zu weit verschachtelt.


    Vielleicht irre mich auch da.

    Ist das Menü ein Plugin für WP?

    WP ist nicht mein Fach, deswegen frage ich mal, ob man da sowas nicht einstellen kann ?

    Mit Html geht das nicht.

    Mit Javascript schon

    JavaScript
    1. <script>
    2. var x=1;
    3. if(x==1){
    4. location.href='link1';
    5. }else{
    6. location.href='link2';
    7. }
    8. </script>

    Mit PHP könntest du das auch machen

    PHP
    1. <?php
    2. $x=1;
    3. if($x==1){
    4. echo '<a href="link1"> Klick mich! </a>';
    5. }else{
    6. echo '<a href="link2"> Klick mich! </a>';
    7. }
    8. ?>

    Vielleicht geht es noch einfacher, da muss aber mal unser Javascript Profi was zu sagen

    Ich wurde gefragt, wen ich meine und Antworte hier.

    Ich habe mir mittlerweile abgewöhnt die Leute direkt zu rufen bzw. zu verlinken(z. B. basti1012 ).

    So ein Aufruf hört sich immer so an das man von Person XY eine Antwort erwartet, ob er will oder nicht.


    Da ich mir sicher bin ,dass die gesagte Person von mir, weiß das ich ihn meine, hat der Aufruf in meinen sinne geklappt.

    Ich bin mir auch sicher, dass er was geschrieben hätte, wenn ich falsch liege, oder er eine bessere Lösung hat.

    Er hat sich zwischenzeitig auch in Forum blicken lassen und das hier sicherlich gelesen.

    Er kann besser Javascript als ich (deswegen ist er mein Javascript Profi).

    Ich rufe Leute nur mit Namen, wenn es wirklich sein muss, falls eine bestimmte Person in ein bestimmtes Thema, der ein zigste ist der Helfen kann, oder meines wissen in dem Thema gut ist.

    Ich möchte mit den Namen Aufruf eigentlich keine Antwort erzwingen.

    Deswegen sage ich fast immer PHP / JAVASCRIPT / SQL Profi und so weiter.

    Es melden sich dann auch fast immer die ich meine (vor allem, wenn ich falsch liege, oder es nee bessere Lösung gibt)


    Ps : JUHU Achtelfinale :thumbup::thumbup::thumbup::thumbup::thumbup::thumbup:

    Ich würde es so versuchen

    JavaScript
    1. var divinf=[];
    2. const divs=document.querySelectorAll('#plan1 .liste1 .f1 a');
    3. divs.forEach(function(d){
    4. divinf.push(d.innerHTML);
    5. })
    6. console.log(divinf)

    Ergebniss

    Code
    1. ["v", "w", "x", "y", "z"]

    Mit dem Array kannst du dann ja weiter arbeiten.

    JavaScript
    1. const position = divinf.indexOf("x");
    2. console.log ("position " + position);

    Egebniss

    Code
    1. position 2

    Vielleicht geht es noch einfacher, da muss aber mal unser Javascript Profi was zu sagen