×
Pop-up i headeren med billede link ved Page Load
×
Billede
/* Stil for header */ header { position: relative; height: 100px; /* Juster dette efter behov */ background-color: #f0f0f0; } /* Stil for boksen */ .popup-box { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 1vw; /* Juster dette efter behov */ border: 2px solid red; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 9999; text-align: center; max-width: 100%; /* Juster dette efter behov */ max-height: auto; /* Juster dette efter behov */ overflow: auto; } /* Stil for lukkeknappen */ .close { position: absolute; top: 5px; right: 5px; cursor: pointer; } /* Stil for billedet */ .popup img { max-width: 100%; height: auto; margin-top:15px; margin-bottom:15px; }
×
Billede
" alt="Billede">
/* Stil for header */ header { position: relative; height: 100px; /* Juster dette efter behov */ background-color: #f0f0f0; } /* Stil for boksen */ .popup-box { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 1vw; /* Juster dette efter behov */ border: 2px solid red; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 9999; text-align: center; max-width: 100%; /* Juster dette efter behov */ max-height: auto; /* Juster dette efter behov */ overflow: auto; } /* Stil for lukkeknappen */ .close { position: absolute; top: 5px; right: 5px; cursor: pointer; } /* Stil for billedet */ .popup img { max-width: 100%; height: auto; margin-top:15px; margin-bottom:15px; }
×
Billede

Sitemap