In de head sectie van een HTML pagina heb ik een achtergrond opgenomen.
Deze komt regelrecht uit een W3SCHOOLS voorbeeld.
Nu wil ik een ander image en dus een regel aangepast naar:
<style>
.bgimg {
background-image: url('http://stable-management.nl/event_2018/images/stables_above.jpg');
height: 100%;
background-position: center;
background-size: cover;
position: relative;
color: white;
// font-family: "Courier New", Courier, monospace;
font-family: Verdana;
font-size: 25px;
}
</style>[code]Ik ben dit in geen enkel voorbeeld tegengekomen
[size=xsmall][i]Toevoeging op 07/08/2017 17:11:54:[/i][/size]
Verplaats ik echter dit naar een extern css bestand (aangeroepn met)[code]<link rel="stylesheet" type="text/css" href="css/my.Stable.css" />
Als je domeinnaam verandert, dan moet je die overal weer aanpassen.
Daarom raad ik een relatief pad aan. Ik geloof dat dit wel moet werken.
Nog een tip: Als je site nop eens op SSL over zal gaan, dan mag je nergens dingen invoegen vanaf onbeveiligde http protocollen. Dus alles moet https zijn. Anders krijg je foutmeldingen of worden URL's niet ingeladen.
Als je jouw code in je CSS-stylesheet zet, dan mag ik hopen dat je niet je <style>-elementen meeneemt. Want een CSS-stylesheet mag alleen CSS bevatten, en geen HTML.
Als je domeinnaam verandert, dan moet je die overal weer aanpassen.
Daarom raad ik een relatief pad aan. Ik geloof dat dit wel moet werken.
Strikt genomen is een url al relatief als je alleen het protocol weglaat. ;-)
Nog een tip: Als je site nop eens op SSL over zal gaan, dan mag je nergens dingen invoegen vanaf onbeveiligde http protocollen. Dus alles moet https zijn.
Je zou ook de http: kunnen weglaten en alleen met // beginnen:
Komt iemand binnen via http, dan zal de image via http opgevraagd worden, komt iemand binnen via https, dan wordt voor de image ook https gebruikt. Op die manier kun je bijvoorbeeld ook je site al voorbereiden op het gebruik van https als de webserver dat nog niet ondersteunt.
Op dit moment werkt het zoals Ariën het voorstelde en de counter wordt online gezet.
Om gek en moedeloos van te worden van te worden, kijk ik op de webpagina werkt het niet meer. En zowel aan de css als de pagina voor zover ik mij kan herinneren niets aangepast.
De site lijkt heel sloom te laden? Of bedoel je dat je de styles in je vormgeving misschien mist??
Wat meer uitleg dan een 'het werkt niet meer' is zeker niet overbodig.