Ny sida utan att behöva skriva om allt [HTML/CSS]

Permalänk
Medlem

Ny sida utan att behöva skriva om allt [HTML/CSS]

Hej!

Jag håller på att lära mig CSS och fortsätta lära mig HTML. Nu undrar jag hur man, via HTML eller CSS, får en ny sida/tab (förklarar bättre längre ner) utan att behöva skriva om exakt samma kod, vill att det ska se mindre kladdigt ut och att det laddar snabbare :).

Ett exempel för att förklara: Jag vill ha bakgrund, meny och banner (grundelementen i stort sett) från index.html till kontakt.html. Båda används alltså till samma sida men olika delar av sidan. nu är alltså frågan: hur gör man? Jag vet att det ska gå men vet/kommer inte ihåg hur man gör. Någon som känner sig snäll och vill hjälpa?

Tack på förhand!

Visa signatur

Citera för svar!|Fraktfritt hos INET|Min hemsida
Fractal Design Define R3|Corsair AX 850W|Gigabyte Nvidia GeForce GTX 570|Corsair Vengeance 1600MHz 2x4GB|ASRock P67 Extreme4|Intel Core i5 2500K|2x Samsung Spinpoint F3 1TB|Samsung Blu-Ray läsare
Nikon D7000|Nikon 60mm macro|Nikon 18-70|Nikon 55-300|Nikon 10.5 Fisheye

Permalänk

För CSS kan du göra en .css fil där du skriver ner din CSS kod och sedan använda <link rel="stylesheet" type="text/css" href="mincssfil.css"> i html dokumentet. Sidan kommer dock inte ladda snabbare då den fortfarande läser av samma kod som innan.

Permalänk
Medlem
Skrivet av spot_1337:

För CSS kan du göra en .css fil där du skriver ner din CSS kod och sedan använda <link rel="stylesheet" type="text/css" href="mincssfil.css"> i html dokumentet. Sidan kommer dock inte ladda snabbare då den fortfarande läser av samma kod som innan.

Tänkte själva HTML-delen, alltså att inte behöva samma kod hela tiden. Utan att den baseras på index.html

Visa signatur

Citera för svar!|Fraktfritt hos INET|Min hemsida
Fractal Design Define R3|Corsair AX 850W|Gigabyte Nvidia GeForce GTX 570|Corsair Vengeance 1600MHz 2x4GB|ASRock P67 Extreme4|Intel Core i5 2500K|2x Samsung Spinpoint F3 1TB|Samsung Blu-Ray läsare
Nikon D7000|Nikon 60mm macro|Nikon 18-70|Nikon 55-300|Nikon 10.5 Fisheye

Permalänk
Medlem

det du är ute efter är nog server side includes (eller motsvarande).
Se exempelvis denna tråd: Hur hämtar man html-kod i php-dokument?

Visa signatur

as far as we can tell, the massacre went well...

Permalänk
Medlem

Det går inte att lösa på ett bra sätt med endast html, utan då måste man blanda in php som jovnas så fint påpekade

Permalänk
Medlem
Skrivet av jovnas:

det du är ute efter är nog server side includes (eller motsvarande).
Se exempelvis denna tråd: Hur hämtar man html-kod i php-dokument?

Tackar så mycket, ska kolla det när jag kommer hem kom på att det var ett javascript (tror det var det). du kan ju kolla swec.villors.se/sitetest, där ligger det inte så mycket i de andra sidorna. iframe för att få in wordpress och forum (jag har delvis gjort sidan, inte den del jag vill lära mig dock...). Antar att det är js-delen, right? vill bara veta :). Annars blir jag klar med min testsida, gör en till så jag vet att jag kan det och går sedan vidare på javascript

Har nämligen för mig att det inte ligger nån php-fil där (borträknat forum och wp)

Visa signatur

Citera för svar!|Fraktfritt hos INET|Min hemsida
Fractal Design Define R3|Corsair AX 850W|Gigabyte Nvidia GeForce GTX 570|Corsair Vengeance 1600MHz 2x4GB|ASRock P67 Extreme4|Intel Core i5 2500K|2x Samsung Spinpoint F3 1TB|Samsung Blu-Ray läsare
Nikon D7000|Nikon 60mm macro|Nikon 18-70|Nikon 55-300|Nikon 10.5 Fisheye

Permalänk
Skrivet av phroggyy:

Tänkte själva HTML-delen, alltså att inte behöva samma kod hela tiden. Utan att den baseras på index.html

<!--#include virtual="dinsida.html" -->