<code> help please

[RT]

Hello,
Any body can help add an image in the background in my <code>LINK</code> on wordpress please ?

here is my code now :

.entry code {
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
display:block;
font-family:"Courier New",mono;
padding:5px 10px; 

i tried adding :

background-image:url(/public_html/wp-content/themes/scarlett/images/code.png); 

but it didnt work... and this is the image i want to add in the background

RT Reviewed by RT on 6th Aug 2009. <code> help please Hello, Any body can help add an image in the background in my <code>LINK</code> on wordpress please ? here is my code now : .entry code { background-color:#FFFFFF; border-left:1px solid #CCCCCC; display:block; font-family:"Courier New",mono; Rating: 5

[budda6]

Try:

.entry code {
background-color:#FFFFFF;
background-image:url('/wp-content/themes/scarlett/images/code.png');
border-left:1px solid #CCCCCC;
display:block;
font-family:"Courier New",mono;
padding:5px 10px; 

[RT]

Thanks that worked but...


how can i make it only one image in the right ? thanks for helping

[budda6]

Tell me if this works:

.entry code {
background-color:#FFFFFF;
background-image:url('/wp-content/themes/scarlett/images/code.png');
background-repeat: no-repeat
border-left:1px solid #CCCCCC;
display:block;
font-family:"Courier New",mono;
padding:5px 10px; 

Edit:

.entry code {
background-color:#FFFFFF;
background-image:url('/wp-content/themes/scarlett/images/code.png');
background-repeat: no-repeat
background-position: top left;
border-left:1px solid #CCCCCC;
display:block;
font-family:"Courier New",mono;
padding:5px 10px; 

If the first code worked you can align the image to the left or right by editing:

background-position: top left; 

Change the top left to top right if you want the image to be aligned to the right.

[RT]

Didnt work and generated another problem

[budda6]

Try:

.entry code {
background-color:#FFFFFF;
background: url(/wp-content/themes/scarlett/images/code.png) top right no-repeat;
border-left:1px solid #CCCCCC;
display:block;
font-family:"Courier New",mono;
padding:5px 10px; 

[narutoroot]

instead of add 20 thousand css things why dont u just do one?

background:#FFFFFF url(image.png) rop right repeat-x; 

instead of...

background-postition:top left;
background-color:#FFFFFF;
etc.... 

[RT]

Hey budda, thank you so much for taking the time and to me, that one worked great and i removed top and used only right , thanks again!
Edit: u too naruto.