Hovedside: Forskjell mellom sideversjoner
Fra Norges Kirker
Ingen redigeringsforklaring |
Ingen redigeringsforklaring |
||
| Linje 1: | Linje 1: | ||
===Velkommen til nye (gamle) Norges kirker!=== | ===Velkommen til nye (gamle) Norges kirker!=== | ||
<div class="sidebyside"> | <div class="sidebyside"> | ||
<div class="bilde"> | <div class="bilde"> | ||
[[File:Dale_kyrkje%2C_benk_i_koret%2C_AMH_2005.jpg|Center| | [[File:Dale_kyrkje%2C_benk_i_koret%2C_AMH_2005.jpg|Center|400px|Benk fra Dale kirke]] | ||
</div> <div class="tekst"> | </div> | ||
<div class="tekst"> | |||
<!-- Skriv teksten din her --> | |||
Dette er eksempeltekst som vises til høyre for bildet på større skjermer. | |||
På mobil legges teksten automatisk under bildet. | |||
</div> | </div> | ||
</div> | </div> | ||
<style> | |||
/* Rad-oppsett på større skjermer: bilde (venstre) + tekst (høyre) */ | |||
.sidebyside { | |||
display: flex; | |||
flex-wrap: nowrap; | |||
gap: 20px; | |||
align-items: flex-start; | |||
} | |||
/* Gjør kolonnene smidige og fordeler plass (kan justeres) */ | |||
.sidebyside .bilde { flex: 0 0 400px; } /* låser bildeboksen omtrent til bildets bredde */ | |||
.sidebyside .tekst { flex: 1 1 auto; min-width: 280px; } | |||
/* Sikrer at bilder skaleres pent dersom de blir smalere */ | |||
.sidebyside .bilde img, | |||
.sidebyside .bilde .thumb img, | |||
.sidebyside .bilde .mw-file-element { | |||
max-width: 100%; | |||
height: auto; | |||
display: block; | |||
} | |||
/* MediaWiki setter ofte sentrering/float på filer; nøytraliser for side-ved-side */ | |||
.sidebyside .bilde, | |||
.sidebyside .bilde .thumb, | |||
.sidebyside .bilde .thumbinner { | |||
margin: 0 !important; | |||
float: none !important; | |||
text-align: left !important; | |||
} | |||
/* Mobilvisning: stablet, med bilde over teksten */ | |||
@media screen and (max-width: 700px) { | |||
.sidebyside { | |||
display: block; | |||
} | |||
.sidebyside .bilde, | |||
.sidebyside .tekst { | |||
width: 100%; | |||
} | |||
.sidebyside .bilde { margin-bottom: 12px; } | |||
} | |||
</style> | |||
{{logorekke_nede}} | {{logorekke_nede}} | ||
Sideversjonen fra 20. jan. 2026 kl. 14:55
Velkommen til nye (gamle) Norges kirker!
Dette er eksempeltekst som vises til høyre for bildet på større skjermer. På mobil legges teksten automatisk under bildet.
<style> /* Rad-oppsett på større skjermer: bilde (venstre) + tekst (høyre) */ .sidebyside {
display: flex; flex-wrap: nowrap; gap: 20px; align-items: flex-start;
}
/* Gjør kolonnene smidige og fordeler plass (kan justeres) */ .sidebyside .bilde { flex: 0 0 400px; } /* låser bildeboksen omtrent til bildets bredde */ .sidebyside .tekst { flex: 1 1 auto; min-width: 280px; }
/* Sikrer at bilder skaleres pent dersom de blir smalere */ .sidebyside .bilde img, .sidebyside .bilde .thumb img, .sidebyside .bilde .mw-file-element {
max-width: 100%; height: auto; display: block;
}
/* MediaWiki setter ofte sentrering/float på filer; nøytraliser for side-ved-side */ .sidebyside .bilde, .sidebyside .bilde .thumb, .sidebyside .bilde .thumbinner {
margin: 0 !important; float: none !important; text-align: left !important;
}
/* Mobilvisning: stablet, med bilde over teksten */ @media screen and (max-width: 700px) {
.sidebyside {
display: block;
}
.sidebyside .bilde,
.sidebyside .tekst {
width: 100%;
}
.sidebyside .bilde { margin-bottom: 12px; }
} </style>
