torsdag, januar 21, 2021

Hjælp til HTML/CSS/JS

Daily Rush Debat Programmering Hjælp til HTML/CSS/JS

  • Forfatter
    Emne
  • #0

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    Har brug for lidt hjælp til hvordan man kunne lave et layout bestående “flyvende cirkler” med indhold i…

    Ved ikke helt hvordan jeg skal gribe an og det praktisk vil være nemmest at løse.

    – Der er indhold inde i cirklerne (små tekst/billeder)
    – Cirkler skal tilpasse sig om nødvendigt i størrelse til indhold i dem
    – Cirklerne skal overlappe hinanden en smule som de ses på billedet
    – Responsivt (se eksempel på desktop/mobil i vedhæftet billede)
    – Højden på den div som omgiver alle cirkler skal justerer sig den responsive justering af cirkler

    Hurtigt eksempel, med desktop til venstre og responsive fx. på mobil til højre
    http://imgur.com/a/sIc8J

Viser 4 kommentarer - 1 til 4 (af 4 i alt)
  • Forfatter
    Kommentarer
  • #1

    woet
    Bruger
    329 indlæg
    Offline

    kan man ikke bruge det her til noget https://codepen.io/jamieedwards/pen/pvjcn

    evt https://codepen.io/nuriarai/pen/uIrFf som er mere responsive

    #2

    NeoCorteX
    Bruger
    332 indlæg
    Offline

    Hvor dynamisk skal det hele være?

    #3

    Hyldig
    Bruger
    2.655 indlæg
    Offline

    #2 ikke super dynamisk, det hele af faste elementer. Væsentligst er bare at det skal fungere ordentlig i alle browsere og devices.

    #4

    Krisp
    Bruger
    5.059 indlæg
    Offline

    Brug border-radius til at lave dine div’s runde med:

    Og så skal du nok ud i noget z-index, for at lave overlap.

    Jeg tror også jeg ville ud i noget jQuery, til sådan en opgave her.

    Steam: Krisp89 - Origin: Krisp1989 - BattleTag: Krisp#2319

Viser 4 kommentarer - 1 til 4 (af 4 i alt)
  • Du skal være logget ind for at kommentere på dette indlæg.