Hej Hol. Jeg er igang med at skulle kode en fiktiv hjemmeside til eksamen. Jeg er dog ikke den bedste til kodning, men jeg lærer mig frem. Jeg kan bare ikke forstå hvorfor stylesheets ikke linker til det den skal. EKSEMPEL På min style.css (desktop) skal min h1 være 12em. På min mobile.css (mobile) skal h1 være 3em. Men hvergang jeg ændre til feks. style.css (h1 - 12em) mobile.cs (h1 - 3em) Så bliver den ikke responsive og linker i stedet for til det samme. Jeg er som sagt ikke den bedste, men jeg vil vise dem mit bedste resultat. Kan nogen gennemskue hvad jeg har gjort forkert? - www.philipcs.dk[...] God weekend!
--

Fuck y'all if you doubt me.

#1
inckie
Giga Nørd
30-09-2016 16:12

Rapporter til Admin

#0 Jeg er ikke den største frontend'er, men prøv at kig lidt på f.eks. Bootstrap, og hvordan de implementere responsiveness http://getbootstrap.com[...] https://maxcdn.bootstrapcdn.com[...]
--
Freelance PHP udvikler - Send PM for mine kontaktoplysninger.

#2
pCs
Monsterbruger
30-09-2016 16:13

Rapporter til Admin

Hvis dette kan hjælpe. https://jsfiddle.net[...]
--
Fuck y'all if you doubt me.

#3
pCs
Monsterbruger
30-09-2016 16:15

Rapporter til Admin

1# Mange tak. Men iforhold til min eksamen, må der ikke bruges bootstrap og det skal være håndkodet. Det er derfor jeg er lidt på glat is. Men jeg håber bare lige jeg finder løsningen :)
--
Fuck y'all if you doubt me.
--

Sidst redigeret 30-09-2016 16:18

#4
inckie
Giga Nørd
30-09-2016 16:24

Rapporter til Admin

#3 1. Det er vel stadigvæk tilladt at kigge og se hvordan tingene er gjort. 2. Hvad fuck er det for en uddannelse, der ikke vil have at man lære at kunne finde ud af at benytte andres kode... Det er meget få programmørere der skriver alt ting HELT fra bunden :-)
--
Freelance PHP udvikler - Send PM for mine kontaktoplysninger.
--

Sidst redigeret 30-09-2016 16:25

#5
mrKayne
Elite Supporter
30-09-2016 17:16

Rapporter til Admin

#4 Ligesom man som håndværker skal kunne alt det teoretiske, selvom det kun er noget du får brug for hvis du læser videre... Men man skal stadig vide hvordan tingene hænger sammen. Hvis ikke du selv kan lave tingene, så er det jo et fedt.
--

#6
LeCattez
Ultrabruger
30-09-2016 18:57

Rapporter til Admin

Ah hvad jeg lige kunne spotte så har du lige pt. "@media only screen and (min-width: 320px)" sat på, hvilket vil sige så længe skærmstørrelsen er over det der (320px bredde), så bruges den css. Prøv at leg lidt med min/max f.eks. "only screen and (max-width: 500px) and (min-width: 320px)" og gør størrelsen (i det her tilfælde bredden) af din browser større/mindre. Husk dit baggrundsbillede! :) Dertil er der lidt ekstra læsning -> https://developer.mozilla.org[...] Derudover er et keyword nok 'responsive' (hurtigt link fra google) - http://learn.shayhowe.com[...]
--

Sidst redigeret 30-09-2016 19:00

#7
Azakiel
Skribent
30-09-2016 19:00

Rapporter til Admin

Hvorfor har du 2 stylesheets, når det hele kan styres fra et?
--
Veni, Vidi, Vici. dimidium facti qui coepit habet faber est quisque fortunae suae

#8
pCs
Monsterbruger
30-09-2016 19:12

Rapporter til Admin

#6 Af hjertet tak! Max i stedet for min hjalp! :-) Jeg aner dog ikke hvordan at jeg får baggrundsbilledet responsive, altså hvilke css kode, jeg skal bruge for at det sker. #7 Det har jeg fordi jeg er en noob, som ser css koder som kinesisk. - Sorry - Jeg har bedre styr på det på den måde :)
--
Fuck y'all if you doubt me.
--

Sidst redigeret 30-09-2016 19:13

#9
LeCattez
Ultrabruger
30-09-2016 19:20

Rapporter til Admin

Ah, havde ikke lige set at din hjemmeside kun er til 1080 og mindre :P På 1440px bredde er dine baggrundsbilleder begyndt at ligge sig efter hinanden. Anyway, tag et kig på f.eks. http://sixrevisions.com[...]
--

#10
Azakiel
Skribent
30-09-2016 19:22

Rapporter til Admin

#8 Brug background-size, og enten sæt en fast størrelse, en størrelse i procent, eller brug contain/cover. Og vil anbefale dig at kigge på at ligge det hele under et dokument, og styre det hele med mediaqueries. På en side som din gør det ikke det store, men på store applikationer vil det være et ekstra dokument som skal hentes, i stedet for et enkelt.
--
Veni, Vidi, Vici. dimidium facti qui coepit habet faber est quisque fortunae suae