Jeres hjemmeside ser umiddelbart centreret ud.
http://jsfiddle.net[...]
--
Veni, Vidi, Vici.
dimidium facti qui coepit habet Den virker bare ikke rigtig for mig.
http://peecee.dk[...]
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM #2
Du bør nok sætte baggrundens vidde til at passe med dit indhold.
--
Veni, Vidi, Vici.
dimidium facti qui coepit habet
#1 Desværre. Hvis du trækker lidt i vindue, så du udnytter den fulde bredde, så er placeret til venstre.
Fejlen består i, at I har lavet wrapperen som absolut placering. Hvis den har en absolut placering, så er den ikke dynamisk. Derudover, så vil du gerne have margen til siderne dynamisk og bredden af siden som dynamisk (hvis resten af jeres indhold ellers understøtter responsiveness).
Jeg har lavet rettelsen her:
http://jsfiddle.net[...]
Alt er udført med forbehold om, at jeg ikke ved noget af betydning om html og css.
--
[Mere] Kaffe; Net-etikette; Saglighed
[Mindre] Skjult reklame; Hysteri; Fanboy-isme. Det du leder efter er "Responsive Design" ...og den optimale måde at lykkes med det er ved 1. at bruge media queries (
https://developer.mozilla.org[...] ) og 2. relative størrelser på alting (
http://webdesignerwall.com[...] )
Media queries er vigtige da du aldrig får optimalt layout på tværs af mobile/tablet/laptop/desktop med den samme værdi i din CSS... du er derfor nødsaget til at definere individuelle værdier for forskellige skærmformater. Typisk 3 (small / medium / large ...nogle gange også en extra large)
En genvej til dette (som kan anbefales) er at bruge et grid-layout system som f.eks Bootstrap, Pure eller et at de mange andre... læs mere generelt om responsive design her:
http://blog.teamtreehouse.com[...]
--
Fun: 3770K, Asus Z77-ITX, 780Ti SC, 8GB CL8, NCASE M1 #193, 840 Evo 500GB, ST45SF Gold, DELL 30" U3011
Work: MBPro Retina + ASUS N55SF #3
Noget i stil med?
width: x px
height: x px
Baggrunden skal bare gerne passe på forskellige skærmopløsninger. Det gør den også nu, men hvis jeg sætter en fast højde og bredde på, bliver resten hvid, hvis de har en højere opløsning end billedet. Det vil jeg helst gerne undgå.
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM
#6 For at få baggrunden til at dække det hele altid:
html {
background: url(bg.jpg) no-repeat center center fixed;
background-size: cover;
}
--
Fun: 3770K, Asus Z77-ITX, 780Ti SC, 8GB CL8, NCASE M1 #193, 840 Evo 500GB, ST45SF Gold, DELL 30" U3011
Work: MBPro Retina + ASUS N55SF
#4 og #5
Mange tak. Vil kigge på det når jeg kommer hjem.
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM
#7
Det vil jeg prøve. Mange tak :)
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM
Du kunne også prøve med noget BootStrap, det fungerer super godt og er dejligt let at bruge, samtidig med at det virker super på tværs af stort set alle skærm størrelser. Jeg har leget med det i små 2 uger og det super bruger venligt. Der kan man wrappe sit indhold i en container, som gøre det centreret.
Det kan hentes på getbootstrap.com, men man kan også linke til CSS og JS filerne som eksterne links.
--
Generelle CSS frameworks er rare at arbejde i, Foundation, Purecss, Bootstrap osv. Personligt kan jeg anbefale Purecss hvis man blot sigter efter det responsive design uden alt for meget andet.
--
Veni, Vidi, Vici.
dimidium facti qui coepit habet
#10 og #11.
Nu har jeg kigget lidt på det, men kan ikke rigtig finde ud af, hvad det egentlig er.
Er det bare forud-kodet CSS kode man copy-paster ind i sin egen kode, eller er der faktisk mere i det?
Hvis nogen kunne give en simpel forklaring på det, ville det være super :)
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM
Nu er jeg ikke kode ekspert, men jeg vil da blande mig med lidt brugbart ift. SEO. Skriv dine img alt tags så de beskriver indholdet på billedet, eller ord du gerne vil findes på. Dem du har i koden pt. er jo bare billednavnet som går igen.
--
Tips og Tricks til din Mac - http://screenshot-mac.com[...]
#12
Det er forudkodet CSS der anvender sig af et 12-punkts grid-system til dine Div's. Du behøver altså derfor kun smide et par classes på dine Div's for at de kan anvende det (eller billeder, buttons osv.).
Jeg vil dog anbefale lige at kigge nogle youtube film, eller tilsvarende, igennem der forklarer hvordan 12-punkts grid systemet fungerer. Det er samme system der kører i stort set alle store CSS framework, herunder også Bootstrap, PureCSS og Foundation.
--
Veni, Vidi, Vici.
dimidium facti qui coepit habet
#14
Tak for forklaringen. Det sætter jeg pris på :)
#13
Det vil jeg tage til eftertanke i fremtiden :)
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM
#14 Ingen tvivl om at større CSS frameworks og grid-systemer er fine at benytte sig af. Dog virker det til, som #0 selv siger, at det er i forbindelse med uddannelse.
Og så syntes jeg egentligt det er fint at bygge det fra bunden af. Så får man erfaringen med :)
--
#16
Det er nemlig det. Derfor vil jeg hellere kode det selv end "bare" at kopiere andres værk :)
--
AMD Phenom X4 II 3,4GHz - GTX 570 - 120GB SSD - 1000GB HDD - GA-990FXA-UD3 - Corsair Vengeance 8GB RAM
#17 Fornuftigt nok :)
Dog er der ingen skam i at bruge frameworks. Længere frem kan de være med til en bedre og hurtigere arbejdsgang, samt vedligeholdelsen er ofte nemmere
--