Background image on radvert.html

Hi all,

I wonder if someone could help me.
I am trying to put a background and an image on the radvert.html but it looks like i am missing something as it looks like the path is wrong.
I have uploaded the images in the img folder.
While on the PC when opening the html looks fine, when it comes at the mikrotik it doesn’t show any image or background.
below is the html.
Thank you in advance :slight_smile:

\

mikrotik hotspot > Wellcome to @Freewifi body { background-image: url("img/CaptureBackG.JPG"); } > \ \

Wellcome to @Freewifi.

Wellcome
Click here to connect CONNECT manually.

CaptureBackG.JPG
Capture.jpeg

Check exact file names, is case sensitive.


(Wellcome on english is only with one “L” I suppose…)

Thank you for that, yes I am a bit dyslexic :stuck_out_tongue:

I am running the same images on the login.html and works fine, and I have the same path on the html, same names, and the 2 html are at the same location.

That’s why i don’t understand what is wrong.
Below is part of the script from the login.html

my own hotspot login Hotspot > login body { color: #EF8E00; font-size: 10px; font-family: verdana; background-color: #000000; background-image: url("img/CaptureBackG.JPG"); }

textarea,input,select {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
padding: 2px;
margin: 1px;
font-size: 14px;
color: #EC9103;
border-top-color: #FFFFFF;
}

a, a:link, a:visited, a:active {
color: #0000CC;
text-decoration: none;
font-size: 10px;
background-color: #000000;
}

I do not know well css, but one section replace another?

You have two time “body” on css, move the background line on the body section, and remove duplicate body at the start:

Hi all, I fixed a bit the script as below.
I wonder if someone can test and tell me what is wrong.
I don’t get to see an image on this one while the file is running on the mikrotik, when running on the PC is fine. On the mikrotik is like the path for the image is wrong.
I added the image in all the folders just in case and also changes the path on the script each time but still the same.
To me the script looks fine, just wondering if someone could help. Attached are the hotspot files that they show the location of the image.
This is the radvert.html that pops up when setting advertisement on the hotspot.
Thank you in advance :slight_smile:

mikrotik hotspot > advertisement
Would you like to continue browsing?

YES
![files.JPG|339x613](upload://21zb9fmfVJYHHW9J9bsjt0S9i14.jpeg)

SIngle quotes vs. double quotes? :confused:

not good at all with this i changed the quotes but still the same.

Find a webdesigner that can help. There are lots of HTML and CSS mistakes.
Also you should be debugging from the OUTPUT, not from your source. Router will modify values based on your variables, maybe some quotes are removed etc. Use “View source” or “Inspect element” in the browser when this page is actually shown to the user. Then you will see mistakes better.

Thank you!