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
Responsive intro page
Re: Responsive intro page
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
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
Re: Responsive intro page
Hej Jeppe
Tak for det. Jeg vil prøve, at jeg kan få det til at virke med media-queries
Tak for det. Jeg vil prøve, at jeg kan få det til at virke med media-queries
Re: Responsive intro page
tak for de mange tips
Re: Responsive intro page
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
https://foundation.zurb.com/
https://getbootstrap.com/
Andet.
Se her for mere inspiration
https://www.awwwards.com/what-are-frame ... esign.html
-
- Begynder
- Indlæg:1
- Tilmeldt:6. mar 2019, 23:29
Re: Responsive intro page
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
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