Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] image background instead of color failed



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Michael_vx

avatar
Punbb Junior
Punbb Junior

  • Description:

image background instead of color failed the topic
http://www.punbb.biz/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.comVersion:PHPBB2
Type:Errors in codeTags:image,background,instead,color,failed

Powered by PunBB
Currently 0 users have thanked Michael_vx for this post:

2
Offline

  Virus

avatar
★Moderator★
★Moderator★
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! Wink

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.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

3
Offline

  Michael_vx

avatar
Punbb Junior
Punbb Junior
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

Powered by PunBB
Currently 0 users have thanked Michael_vx for this post:

4
Offline

  Virus

avatar
★Moderator★
★Moderator★
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%;}

Powered by PunBB
Currently 0 users have thanked Virus for this post:

5
Offline

  Michael_vx

avatar
Punbb Junior
Punbb Junior
thanks a lot
i think i sill have long long way to be a just a beginner Very Happy
thanks a lot
solved

Powered by PunBB
Currently 0 users have thanked Michael_vx for this post:

6
Offline

  Virus

avatar
★Moderator★
★Moderator★
There is always time to learn! You only need to find time to practice. Wink
You are welcome! Have a good weekend! Smile

[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]

Powered by PunBB
Currently 0 users have thanked Virus for this post:

7
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum