html css url-Zuordnung

[E305GL]

Hallo Gurus,
möchte für Radiobuttons über css ein eigenes Image verwenden. Funktioniert auf der reinen Win11 Oberfläche mit Edge/Chrome/Firefox etc. In Verbindung mit OS400 V7R2 wird das Image "ri.jpg" nicht gefunden, vermute ein Fehler in der Pfadzuordnung ?
V7R2 http-Server: Alias /E30RADIO/ /www/e30/htdocs/
css: Diverse Varianten mit/ohne /, ", bereits ausprobiert... Hat jemand von Euch eine Idee was die Ursache sein könnte, LG

css:background-image: url(/E30radio/ri.jpg);

Link:http://192.nnn.nnn.nnn:8030/cgi/e30www.pgm

[RobertMack]

Man kann eine Grafik auch binär in base64 einbinden:

https://ekiwi.de/index.php/600/bilde...tml-verwenden/

[Andreas_Prouza]

Ansonsten liegt es an der httpd.conf vom Apache.
Dort sollte es eine entsprechende Weiterleitung von *.jpg auf dein Verzeichnis geben.
Sonst poste mal die httpd.conf, sonst müsste ich raten.

[E305GL]

Ansonsten liegt es an der httpd.conf vom Apache.
Dort sollte es eine entsprechende Weiterleitung von *.jpg auf dein Verzeichnis geben.
Sonst poste mal die httpd.conf, sonst müsste ich raten.

httpd.conf:
# Configuration originally created by Create HTTP Server wizard on Thu Mar 03 14:55:36 CET 2022
Listen *:8030

DefaultNetCCSID 1208
DefaultFsCCSID 1141
Alias /E30RADIO/ /www/e30/htdocs/
DocumentRoot /www/e30/htdocs
TraceEnable Off
Options -FollowSymLinks

LogFormat "%h %T %l %u %t "%r" %>s %b "%{Referer}i" "%{User-Agent}i"" combined
LogFormat "%{Cookie}n "%r" %t" cookie
LogFormat "%{User-agent}i" agent
LogFormat "%{Referer}i -> %U" referer
LogFormat "%h %l %u %t "%r" %>s %b" common
CustomLog logs/access_log combined
LogMaint logs/access_log 7 0
LogMaint logs/error_log 7 0

LogMaint logs/error_log 7 0

SetEnvIf "User-Agent" "Mozilla/2" nokeepalive
SetEnvIf "User-Agent" "JDK/1\.0" force-response-1.0
SetEnvIf "User-Agent" "Java/1\.0" force-response-1.0
SetEnvIf "User-Agent" "RealPlayer 4\.0" force-response-1.0
SetEnvIf "User-Agent" "MSIE 4\.0b2;" nokeepalive
SetEnvIf "User-Agent" "MSIE 4\.0b2;" force-response-1.0



Require all denied



Require all granted

Alle übrigen Images via html-src:... funktionieren

Directory /
Require all denied
/Directory

Directory /www/e30/htdocs
Require all granted

[Pikachu]

Wie sind die Bilder in diesen html-src eingebunden?

Alle übrigen Images via html-src:... funktionieren

[Andreas_Prouza]

Alle übrigen Images via html-src:... funktionieren

Dann würde mich noch interessieren wie die beiden unterschiedlichen Request aussieht.
Ich verstehe nämlich nicht ganz wie es da einen Unterschied geben soll.

[Pikachu]

HTML und CSS binden Bilder unterschiedlich ein.
Bitte ein paar Beispiele zeigen wo’s hier geht und wo nicht.

[E305GL]

Wie sind die Bilder in diesen html-src eingebunden?

html: input type="image" src="/ri.jpg" ..... funktioniert egal wo/wie verwendet

css: style type="text/css" ... input [type=radio] {background-image: url(/ri.jpg) ....} funktioniert nicht, auch nicht mit der Aliaszuordnung oder der kompletten Pfadangabe in all seinen Syntaxformen
httpd: wäre die Aliasangabe überhaupt erforderlich ?

[Pikachu]

Vielleicht ist irgendwo im css ein Fehler wodurch das gesamte css ungültig wird?

[Andreas_Prouza]

Ich würde mir mal im Browser die tatsächlichen HTTP Requests der beiden anschauen und vergleichen.
Der HTTP-Header ist da interessant.

Und dann sollte im Apache Log auch für beide ein Eintrag zu finden sein.
Dort siehst du was er mit dem funktionierenden Request mache und warum der fehlerhafte nicht geht.
Falls dort nichts steht, muss eventuell das Logging aktiviert bzw. LogLevel erhöht werden.

[Fuerchau]

Siehe hier:
https://wiki.selfhtml.org/wiki/CSS/E...ckground-image

"Beachten Sie: Relative Angaben beziehen sich ggf. auf die CSS-Ressource, nicht auf das HTML-Dokument."

Am besten lässt man den "/" weg, dann wird derselbe Pfad genommen, in dem die CSS bzw. das Dokument liegt.

[E305GL]

Vielleicht ist irgendwo im css ein Fehler wodurch das gesamte css ungültig wird?

Dank an ALLE: Durch Eure Hilfe konnte ich bestimmte Fehler ausschliessen.
Nun das Resumee:
httpd: ALIAS ..... nicht erforderlich
css: url(/ri.jpg) funktioniert (erst durch :checked Angabe

Das Erscheinen vom Radiobutton-Image ri.jpg ohne drücken funktioniert unter rein Win11, jedoch noch nicht unter "OS400". Aber das ist sicher eine andere "Baustelle" LG