Achtergrond wordt niet getoond.
Deze komt regelrecht uit een W3SCHOOLS voorbeeld.
Nu wil ik een ander image en dus een regel aangepast naar:
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.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>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)<link rel="stylesheet" type="text/css" href="css/my.Stable.css" />werkt het niet meer.
Om gek van te worden.
.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>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)<link rel="stylesheet" type="text/css" href="css/my.Stable.css" />werkt het niet meer.
Om gek van te worden.
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.
Gewijzigd op 07/08/2017 17:15:28 door - Ariën -
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.
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.
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. ;-)
Quote:
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.
Gewijzigd op 08/08/2017 12:33:31 door Willem vp
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??
Wat meer uitleg dan een 'het werkt niet meer' is zeker niet overbodig.
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. ;-)
- Ariën - op 08/08/2017 15:32:04:
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.
Wat meer uitleg dan een 'het werkt niet meer' is zeker niet overbodig.
Sorry voor de slechte uitleg, maar ik raak een beetje gefrustreerd ddor de service die YourHosting niet leverd. Ik heb namelijk geen server thuis staan dus om te testen moet ik uploaden met FTP en dan via de webbrowser kijken. Van middag had ik nog een zichtbare achtergrond en net niet meer
Toevoeging op 08/08/2017 17:26:52:
Willem vp op 08/08/2017 16:19:39:
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. ;-)
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. ;-)
Ik heb het weer aan het werken en wel door (per ongeluk) .htacces file in de event_2018 map te plaatsen.