Responsive intro page

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
frost77
Begynder
Indlæg:6
Tilmeldt:11. aug 2017, 11:20
Responsive intro page

Indlæg af frost77 » 11. aug 2017, 11:33

Hej alle sammen

Jeg er kørt lidt fast i at lave en intro page, som er delt op i fire. Når der er fuld opløsning, så skal der være to rækker med to i hver. Men når opløsningen bliver mindre, så skal de springe ned under hinanden og derefter fylde hele bredden.

Her er siden: http://brunsgaard-as.com/

Her er det jeg har kodet:

<div>
<div style="width: 50%; float: left;"><img src="images/Intro_page/Intro_page_omr1_sh.png" alt="Intro page omr1 sh" style="margin: 0px; border: 0px solid #000000; min-width: 400px; float: left;" /></div>
<div style="width: 50%; float: left;"><img src="images/Intro_page/Intro_page_omr2_sh.png" alt="Intro page omr2 sh" style="margin: 0px; border: 0px solid #000000; min-width: 400px; float: left;" /></div>
<div style="width: 50%; float: left;"><img src="images/Intro_page/Intro_page_omr3_sh.png" alt="Intro page omr3 sh" style="margin: 0px; border: 0px solid #000000; min-width: 400px; float: left;" /></div>
<div style="width: 50%; float: left;"><img src="images/Intro_page/Intro_page_omr4_sh.png" alt="Intro page omr4 sh" style="margin: 0px; border: 0px solid #000000; min-width: 400px; float: left;" /></div>
</div>

Håber nogen kan hjælpe mig, så jeg kan komme videre :)

Mvh. Thomas

jepperask
Geni
Geni
Indlæg:378
Tilmeldt:4. nov 2012, 17:57

Re: Responsive intro page

Indlæg af jepperask » 12. aug 2017, 13:30

Du skal nok igang med at kigge på media-queries:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Alternativt kan du benytte bootstrap eller lignende, hvor du meget nemt kan opnå det du ønsker.
https://getbootstrap.com/docs/3.3/css/#grid

frost77
Begynder
Indlæg:6
Tilmeldt:11. aug 2017, 11:20

Re: Responsive intro page

Indlæg af frost77 » 14. aug 2017, 08:35

Hej Jeppe

Tak for det. Jeg vil prøve, at jeg kan få det til at virke med media-queries :D

Lars1975
Begynder
Indlæg:2
Tilmeldt:5. mar 2018, 14:06
Kontakt:

Re: Responsive intro page

Indlæg af Lars1975 » 5. mar 2018, 14:08

tak for de mange tips

cristian
Moderator
Moderator
Indlæg:882
Tilmeldt:26. sep 2011, 21:31
Kontakt:

Re: Responsive intro page

Indlæg af cristian » 7. mar 2018, 08:22

Jeg vil forstå du starter med at bruge et framework som

https://foundation.zurb.com/
https://getbootstrap.com/
Andet.

Se her for mere inspiration
https://www.awwwards.com/what-are-frame ... esign.html


emilandersen
Begynder
Indlæg:1
Tilmeldt:6. mar 2019, 23:29

Re: Responsive intro page

Indlæg af emilandersen » 6. mar 2019, 23:31

Hej.

Hvis du bruger et standard tema til Wordpress, så sker det automatisk. Det er bl.a. det jeg har gjort med min egen hjemmeside LINK FJERNET

Besvar