Template Indhold: Forskelle mellem versioner
Bar (diskussion | bidrag) Oprettede siden med "Selve indholdet på siden er organiseret i firkantede kasser oven over hinanden og nogle ved siden af hinanden. Over selve indholdet ligger Header delen i et DIV-tag ned id="header", der angiver den øverste bjælke, med Menu delen i et DIV-tag med id="nav" lige under Headeren. Indholdet er også bygget op af DIV-tags med forskellige id'er. Vil man have tekst og et billede ved siden af hinanden, så kan man placere et DIV-tag med..." |
Bar (diskussion | bidrag) Ingen redigeringsopsummering |
||
| Linje 15: | Linje 15: | ||
Tingene vil placere sig som vist her: | Tingene vil placere sig som vist her: | ||
[[ | [[image:Template-Struktur.png|600px|Strukturen i templatet]] | ||
{{HTML-Template}} | {{HTML-Template}} | ||
[[Kategori:HTML-Template]] | [[Kategori:HTML-Template]] | ||
Versionen fra 22. okt. 2025, 22:10
Selve indholdet på siden er organiseret i firkantede kasser oven over hinanden og nogle ved siden af hinanden. Over selve indholdet ligger Header delen i et DIV-tag ned id="header", der angiver den øverste bjælke, med Menu delen i et DIV-tag med id="nav" lige under Headeren.
Indholdet er også bygget op af DIV-tags med forskellige id'er. Vil man have tekst og et billede ved siden af hinanden, så kan man placere et DIV-tag med id="section" der indeholder teksten (organiseret i HTML-tags) og et DIV-tag med id="aside" der kan indeholde et billede.
Vil man have tekst der fylder hele bredden af siden, så kan man lægge et DIV-tag ind med id="fullSection".
Ønsker man to blokke ved siden af hinanden der er lige store kan man lægge to DIV-tags efter hinanden, begge med id="twoPart".
Vil man have 3 ens blokke ved siden af hinanden, så lægger man tre DIV-tags efter hinanden, alle med id="threePart".
Alle disse tags er kombineret inde i siden HTML Eksempler i ZIP-filen der indeholder templatet.
Når man har placeret alt det indhold man gerne vil have, så afslutter man med en Footer i et DIV-tag med id="footer".
Tingene vil placere sig som vist her:
| HTML Template | |
|---|---|
| HTML-Template | Forside - Struktur - Header - Menu - Indhold - Footer - Tom side - CSS - Materialer - Editor - Redigering - javaScript |