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:
background-image: url('www.harry-arends.nl/event_2018/images/stables_above.jpg');

Dit bestand is aanwezig maar in de pagina wordt de afbeelding niet getoond.
Wat kan hier de oorzaak van zijn??
Protocol meegeven (is het https of http, of misschien zelfs ftp?) Of een relatieve URL gebruiken.
Dat is/was het. e.e.a. ziet er nu als volgt uit
<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" />
werkt het niet meer.
Om gek van te worden.

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.


        background-image: url('/event_2018/images/stables_above.jpg');


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.
Jouw tip werkt alleen als het in de HTML staat.
Maar niet in een externe css ziedeze pagina
Als je goed kijkt wordt niks in de CSS onder //==================== uitgevoerd. Haal dat eens weg en probeer het dan nog eens.
Had ik erin gezet om structuur aan te brengen voor commentaar.
Is nu angepast naar /*=====*/ en het werkt voor zover ik het kan zien
- Ariën - op 07/08/2017 17:12:10

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:

background-image: url('//stable-management.nl/event_2018/images/stables_above.jpg');

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.
LS,

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.

Wat kan er nu weer zijn??
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.
De reden dat het niet werkt, is omdat nog steeds het probleem met de dubbele slash in de rewriterules zit.

Hier valt omheen te werken door in de css een extra / toe te voegen aan de url:

background-image: url('/event_2018//images/stables_above.jpg');

maar mooier is het natuurlijk om de rewriterule op de juiste manier aan de praat te krijgen. ;-)

Reageren