[Solved] image background instead of color failed

• Description:
  

image background instead of color failed the topic
https://punbb-design.forumotion.com/t388-javascript-admin-mod-comment
the code is 100% good my problem is when i added more options
i tried to add image in background instead of color code
but didnt work
here what i did in CSS

Code:

        .inform {
        background: url(http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png) 0 0 / 100% 100% url(http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png) no-repeat 14px 14px;
        }

instead of this

Code:

        .inform {
        background: #2fa9f6 url(http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png) no-repeat 14px 14px;
        }

so what did i do wrong
im little Confused what is the missing part

---

• Information:
  

Forum:	http://micsoft.logu2.com	Version:	PHPBB2
Type:	Errors in code	Tags:	image,background,instead,color,failed

Hello @Michael_vx ,

If you want to add two images in one certain thing you need to separate the parts with ",".
For example you have these two images:
img_url_1 & img_url_2
to put them in one code you must add the below:
[ic]background:url(img_url_1),url(img_url_2);[/ic]
That is how the code will read both images.

For your code instead of this:

Code:

        .inform {
        background: url(http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png) 0 0 / 100% 100% url(http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png) no-repeat 14px 14px;
        }

add this:

Code:

.inform {background: url(http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png) 0 0 / 100% 100%, url(http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png) no-repeat 14px 14px;}

That should work!

Note: Check the below code and see after the double 100% and see in the one you added. You will see a comma , which is the current separator.

1st sorry for delay
2nd this is good idea but the icon didnt show

any idea to make the background and the icon both appear O.o

Yes i see what you mean. You needed to have the image first and then the background for it to work. Try using the below code:

Code:


.inform{background: url("http://i63.servimg.com/u/f63/11/73/76/86/64x64_13.png") left top no-repeat,url("http://i82.servimg.com/u/f82/11/72/76/36/f6d7c310.png") 0 0 / 100% 100%;}


thanks a lot
i think i sill have long long way to be a just a beginner
thanks a lot
solved

There is always time to learn! You only need to find time to practice.
You are welcome! Have a good weekend!

[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]