Kickflip

  • Mitglied seit 18. Januar 2020
  • Letzte Aktivität:
Beiträge
31
Punkte
185
Profil-Aufrufe
111
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Ich habe die Lösung für das, was ich haben möchte. Ist ein bisschen gefrickelt, aber es funktioniert:

    HTML:
    (Quelltext, 8 Zeilen)


    CSS:
    (Quelltext, 42 Zeilen)



    Das einzige, was noch ein bisschen stört sind die height: 57% für die figcaption, damit…
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    So war das doch gar nicht gemeint. :) Ich habe ALLE deine Hinweise eingearbeitet und waren auch sehr hilfreich, aber haben nicht direkt zum Ziel geführt. Sitze bestimmt schon 15 Stunden an diesem Problem und habe so ziemlich alle Foreneinträge im…
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    (Zitat von Sempervivum)

    Doch, das habe ich, aber das sieht dann am Ende noch wilder aus :D

    Border um den Text in der Mitte des Bildes oder das Bild ragt aus der bestimmten Grid-Area heraus u.s.w.

    Dachte das neu dazukommende das Problem so besser…
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    https://codepen.io/Kickflip/pen/mdeorPo

    Kann Bilder nicht einbinden, weil ich kein "Pro" bin bei codepen.

    Was generell noch fehlt:

    - Das ganze Bild soll ein Hyperlink sind
    - Das Bild soll sich ähnlich wie der Text skalieren
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Um nochmal alles aufzulisten:

    - Bild im Grid anzeigen lassen, im Modus cover meinetwegen, sodass stets die gesamte Zelle im CSS-Grid ausgefüllt ist
    - Text auf dem Bild anzeigen lassen
    - das gesamte Bild soll einen Link enthalten, sprich auf eine andere…
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Hmmm... ich habe das jetzt nochmal versucht und es kommt echt nichts gewolltes bei raus. Das ist echt schade, weil ich bei google auch nichts konkretes finde
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Ja, und das ist genau das Problem. Das kann doch eigentlich nicht so schwer sein? :D

    Habe genau diesen Effekt auf anderen Seiten schon gesehen
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Um es auf deinen Code abzustimmen wäre das Grid-Layout wie folgt:

    (Quelltext, 7 Zeilen)


    Aber die exakten Anzahlen an rows und columns ist ja wumpe. Wenn ich sage, dass das Bild wie in diesem Fall von

    (Quelltext, 6 Zeilen)


    laufen soll, dann soll es…
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Danke für deine Bemühung, aber das funktioniert immer noch nicht. Also es ändert sich gar nichts zum code davor. Die Funktionen stimmen alle, aber der Text wird oberhalb des Bildes angezeigt und Das Bild hält sich nicht an die row und column Vorgabe…
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    (Zitat von Sempervivum)

    Ja, allein aus dem Grund, weil ich es nicht hinbekomme, möchte ich wissen, wie es dennoch funktioniert.
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Es funktioniert nicht, also die figcaption wird über dem Bild angezeigt und das Bild füllt mehr als den vorgegebenen Bereich aus. Ich möchte die figcaption ja vor dem Bild haben bzw auf dem Bild :)
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    Das ist auf jeden Fall schonmal eine gute Hilfe. Danke.
    An welche Stelle würde denn der Link dann kommen, wenn ich das gesamte Bild als Link haben möchte?
  • Kickflip

    Hat eine Antwort im Thema CSS Grid - Images mit Text und Zoom bei hover verfasst.
    Beitrag
    (Zitat von Sempervivum)

    Oh, sorry. Habe das schnell geändert. Danke.
  • Kickflip

    Thema
    Hi,

    ich komme einfach nicht auf einen grünen Zweig.

    Was ich möchte:
    In einem CSS-Grid mehrere Bilder anordnen und wenn man mit dem Zeiger rüberfährt, soll das Bild so einen Zoom-Effekt zeigen. Dabei soll es aber stets nicht über die Maße des…
  • Kickflip

    Thema
    Hi,

    ich habe bereits gelernt, dass man eine .css und eine .js Datei hat, wo alles drin ist.

    Jetzt frage ich mich aber, wie das bei den .html ist.

    Man hat ja eine index.html , die quasi die Hauptseite (bsp example.com) präsentiert. Jetzt hat man aber…
  • Kickflip

    Hat eine Antwort im Thema grid-template-columns: unknown property verfasst.
    Beitrag
    Danke. Bin unfähig google zu benutzen
  • Kickflip

    Thema
    Hi,

    nutze netbeans und versuche mir meinen Code lokal in Safari anzuzeigen.

    Irgendwie hat er Probleme mit dem grid-template. Es erscheint im CSS ein gelbes Schild mit: Unknown property

    Wie kann ich das fixen? :)
  • Kickflip

    Hat eine Antwort im Thema Problem mit responsive NavBar verfasst.
    Beitrag
    Thanks a lot :)

    Ja, das weiß ich. Mache ich irgendwann mal
  • Kickflip

    Hat eine Antwort im Thema Problem mit responsive NavBar verfasst.
    Beitrag
    (Zitat von m.scatello)

    Dann ist die transition nachdem ich auf den burger klicke aber auch weg :(
    Das habe ich schon versucht.
  • Kickflip

    Hat das Thema Problem mit responsive NavBar gestartet.
    Thema
    Hi,

    wenn ich mit @media unter 768px fahre, dann verschwindet meine NavBar und sie kann per Burger-Toole von der Seite reingeholt werden.

    Mein Problem ist, dass man sieht, wenn ich von 769px -> 768px gehe, wie die NavBar verschwindet. Das möchte ich…