+ 2

Html and CSS

Ive been trying to upload a background image to my page with CSS but its not responding,i've already linked the CSS with the HTML and i've grouped them in one folder but still theirs no good outcome,and ive also give the right extension(jpg) to the image.....help me through please

20th Aug 2020, 4:28 PM
Muhammad Sani Aliyu
Muhammad Sani Aliyu - avatar
15 Answers
+ 2
You need to upload the image to a cloud server (Dropbox). But remember it is not secure. There you can generate the copy link of the image like e.g. http://www.smth0i7778 Then, replace 'www' with 'dl' and then you use the link as a src value. There is also an another method available that you need to convert your image fiile to base64 code using website tht are available in google. After the conversion you can get the link they provided. And use it as a src value. Here is a sample project of mine: https://code.sololearn.com/W88mMeXZuTFG/?ref=app
21st Aug 2020, 11:19 AM
Bits!
+ 2
Thank you Sir(s) Raghu Rao and junayeD  ●_° ,i will try it instantly
21st Aug 2020, 3:16 PM
Muhammad Sani Aliyu
Muhammad Sani Aliyu - avatar
+ 2
Hope you become a good programmer bro
22nd Aug 2020, 3:08 AM
Raghu Rao
Raghu Rao - avatar
+ 2
Please post your code here. Then others will understand ur problem easily. Adjust resolution of image. May be it will help u
10th Oct 2020, 3:42 PM
KETHA SRAVANI
+ 1
Make sure you have specified in which folder the image document is located. For example, if you have put it in a folder called images you must specify it> href = "images / name of the image.jpg. If you have put it in a folder before that of the css document, you must indicate to go back to find that document with the image> href = ".. / name of the image.jpg"
20th Aug 2020, 10:51 PM
Juan Pablo González
Juan Pablo González - avatar
+ 1
Thanks Alot Sir,I understand the process Juan Pablo González
21st Aug 2020, 4:50 AM
Muhammad Sani Aliyu
Muhammad Sani Aliyu - avatar
+ 1
Copy the image to the folder in which you have your code of HTML and css Also see if your syntax is correct background-image:url("photo.jpg");
21st Aug 2020, 6:47 AM
Raghu Rao
Raghu Rao - avatar
+ 1
It's my pleasure to help you bro 🤘 Happy Coding 😋
21st Aug 2020, 4:16 PM
Bits!
+ 1
https://code.sololearn.com/Wi0X23Z2hxah/?ref=app Bro follow this code. I hope you understand. All the best. 👍👍👍
22nd Aug 2020, 5:32 AM
Mohammed Kamil Jan
Mohammed Kamil Jan - avatar
+ 1
If you have tried everything and got no solution and if you can't share your code. try inline css for background once.
22nd Aug 2020, 5:40 AM
Divya Mohan
Divya Mohan - avatar
+ 1
I am so glad to help you. 😇😇😇
22nd Aug 2020, 6:19 AM
Mohammed Kamil Jan
Mohammed Kamil Jan - avatar
0
You're welcome then
20th Aug 2020, 6:29 PM
Muhammad Sani Aliyu
Muhammad Sani Aliyu - avatar
0
BroFar please see what they are doing see their language take appropriate actions against them sir
21st Aug 2020, 3:38 AM
(⌐■-■)
(⌐■-■) - avatar
0
Mohammed kamil Jan it was so helpful,thanks,ive review the process
22nd Aug 2020, 6:18 AM
Muhammad Sani Aliyu
Muhammad Sani Aliyu - avatar
- 3
Excuse me pls,u have to understand me first Himanshu Shah ,im not using this page,i'm building a different page pls,not with Sololearn,i'm just asking out here for help...dont complicate ur self
20th Aug 2020, 5:47 PM
Muhammad Sani Aliyu
Muhammad Sani Aliyu - avatar