PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

Afbeelding wordt niet getoond

Door Harry H Arends op 03-08-2017 11:23 gewijzigd op 03-08-2017 11:24
3.127 views
Ik ben wat aan het stoeien met CSS en loop weer tegen een errder probleem aan. Dit is de code:

<style>
body, html {
        height: 100%;
        margin: 0;
}

.bgimg {
        background-image: url('/images/site-picture.png');
        height: 100%;
        background-position: center;
        background-size: cover;
        position: relative;
        color: white;
        font-family: "Courier New", Courier, monospace;
        font-size: 25px;
}
</style>

De afbeelding wordt niet getoond. Bij het direct aanroepen krijg ik een 404 melding:
afbeelding
De afbeelding is wel beschikbaar op het hoofd domein
De doorverwijzing in .htaccess:

####SUBDOMAINS_HEADER####
RewriteEngine on
#RULE:,mb-stable-management.nl,http://stable-management.nl/$1
#RULE:www,mb-stable-management.nl,http://stable-management.nl/$1
#RULE:www,stable-management.nl,/event_2018/
RewriteCond %{HTTP_HOST}    ^mb-stable-management.nl$
RewriteRule (.*)    		http://stable-management.nl/$1 [last,R=301]
RewriteCond %{HTTP_HOST}    ^www.mb-stable-management.nl$
RewriteRule (.*)    		http://stable-management.nl/$1 [last,R=301]
RewriteCond %{HTTP_HOST}    ^www.stable-management.nl$
RewriteCond %{REQUEST_URI}  !^/event_2018//
RewriteRule (.*)    		/event_2018//$1 [last]
####SUBDOMAINS_TAILER####

####CUSTOM_HEADER####
#NL: Place your custom rules here
#EN: Plaats je eigen regels hier
####SESSIONID BEHAIVIOR####
RewriteEngine On

####CUSTOM_TAILER####

####ERROR_HEADER####
####ERROR_TAILER####

en is door de provider gemaakt. Iemand een idee
Ariën
03-08-2017 11:28
Heb je al een base in HTML gezet die een absoluut pad gebruikt?
Harry H Arends
03-08-2017 14:38
- Ariën - op 03/08/2017 11:28:47

Heb je al een base in HTML gezet die een absoluut pad gebruikt?

geprobeerd, geen resultaat
Adoptive Solution op 03/08/2017 11:43:19

Probeer dit een :

http://stable-management.nl/event_2018/images/site-picture.png

Dus :

background-image: url('/event_2018/images/site-picture.png');


Jouw link resulteerd in een 404 fout.
Daarom laat ik de complete code maar eens zien:

<!DOCTYPE HTML>

<html>
<style>
body, html {
        height: 100%;
        margin: 0;
}

.bgimg {
        background-image: url('/event_2018/images/site-picture.png');
        height: 100%;
        background-position: center;
        background-size: cover;
        position: relative;
        color: white;
        font-family: "Courier New", Courier, monospace;
        font-size: 25px;
}
</style>
<head>
<base href="https://www.harry-arends.nl/event_2018/images/" target="_blank">
  <title>Untitled</title>
</head>

<body>
<div class="bgimg">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
</body>

</html>

Ik heb dit geprobeerd met Chrome, Explorer en Firefox


- SanThe -
03-08-2017 15:19 gewijzigd op 03-08-2017 15:21
Je html is fout => <style> hoort in <head>.


<!DOCTYPE HTML>

<html>

<head>
<base href="https://www.harry-arends.nl/">
  <title>Untitled</title>
<style>
body, html {
        height: 100%;
        margin: 0;
}

.bgimg {
        background-image: url('/event_2018/images/site-picture.png');
        height: 100%;
        background-position: center;
        background-size: cover;
        position: relative;
        color: white;
        font-family: "Courier New", Courier, monospace;
        font-size: 25px;
}
</style>
</head>

<body>
<div class="bgimg">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
</body>

</html>
Harry H Arends
03-08-2017 16:27
== toegevoegd==

Gevonden, bedankt.
Was mijn 'oude' privé site Deze gaat binnen kort ook helemaal vernieuwd worden.
Maar voor nu heb ik de links verwijderd. Ik werk niet meer voor deze organisaties.
Nogmaals bedankt

[size=xsmall]Toevoeging op 03/08/2017 16:33:13:[/size]

- SanThe - op 03/08/2017 15:19:46

Je html is fout => <style> hoort in <head>.

Jouw voorstel brengt geen verandering. Volgens yourhosting, mijn provider is alles goed. Hier houdt dus mijn kennis echt op

Harry H Arends
03-08-2017 16:39 gewijzigd op 03-08-2017 16:41
dit werkt na het legen van cache:

<html>
 <head>
  <title>Achtergrond</title>
  <base href="http://www.harry-arends.nl/event_2018/images/">
 </head>
 <body background="site-picture.png">
  Deze pagina zal je logo als achtergrond hebben.
 </body>
</html>
Ariën
03-08-2017 16:40
En zonder je .htaccess, werkt dat dan wel?
Harry H Arends
03-08-2017 17:09
- Ariën - op 03/08/2017 16:40:24

En zonder je .htaccess, werkt dat dan wel?
Dat zal niet gaan aangezien het een sub-domain is.

Nu heb ik alles maar weer opnieuw in de php file geplaatst en nu werkt het wel echter alleen met de BASE directive vanuit het hoofd-domain.

Reageren

Inloggen om te reageren