Menyn i html projekt blir konstig

Permalänk

Menyn i html projekt blir konstig

Hej! Jobbar på ett projekt i html och css, jag skulle göra en meny och lyckades men sen när jag ska förminska skärmen så förstörs det helt(se bild nedan)

Tacksam för snabba svar!
http://imgur.com/a/1gDH0

Visa signatur

Cpu: Intel i5 4690k @ 4.3gHz (Hyper 212 EVO) Gpu: MSI GeForce GTX 1070 8GB Gaming X Moderkort: MSI H97 Pc mate Minne: Adata 8Gb 1600MHz SSD: OCZ Arc 100 240Gb Chassi: Antec Gx500 Nätagg: Fractal Design Integra M 550W 80+ Bronze

Permalänk
Medlem
Skrivet av Backgård:

Hej! Jobbar på ett projekt i html och css, jag skulle göra en meny och lyckades men sen när jag ska förminska skärmen så förstörs det helt(se bild nedan)

Tacksam för snabba svar!
http://imgur.com/a/1gDH0

Det är responsiv design eller adaptivt design du söker efter.
Googla lite på det eller använd färdiga ramverk för att bygga layout.

Bootstrap är enkelt och väl använt

Visa signatur

~. Citera så jag hittar tillbaka .~

Permalänk
Skrivet av KeVVa:

Det är responsiv design eller adaptivt design du söker efter.
Googla lite på det eller använd färdiga ramverk för att bygga layout.

Bootstrap är enkelt och väl använt

Vad är bootstrap om man får fråga?

Visa signatur

Cpu: Intel i5 4690k @ 4.3gHz (Hyper 212 EVO) Gpu: MSI GeForce GTX 1070 8GB Gaming X Moderkort: MSI H97 Pc mate Minne: Adata 8Gb 1600MHz SSD: OCZ Arc 100 240Gb Chassi: Antec Gx500 Nätagg: Fractal Design Integra M 550W 80+ Bronze

Permalänk
Medlem
Skrivet av Backgård:

Vad är bootstrap om man får fråga?

Bootstrap är ett enkelt ramverk som från början kommer ifrån Twitter. Det hjälper dig helt enkelt med CSS.

http://getbootstrap.com/

Här är ett konkret exempel som du kanske kan ha nytta av:
http://getbootstrap.com/examples/starter-template/

Helt enkelt, ladda hem bootstrap (http://getbootstrap.com/getting-started/#download), lägg CSS och de filer som ingår i din mapp och inkludera Bootstrap på din sida som i exemplet ovan (kika på källkoden).

Därefter kan du använda färdiga element från Bootstrap, till exempel navbar: http://getbootstrap.com/components/#navbar

Lycka till!