Need some help with this CSS

[akulion]

Hi guys,

Im just putting the final touches on the Pirates theme and wanted some help on one part of the CSS

For the Quote and Code parts I have specified a header image to be used....

However I want this image to be Right Aligned in the header cell since it uses a gradient on the left end merging the colors with the background color (62472a)

Code Select Expand


/* The "Quote:" and "Code:" header parts... */
.quoteheader
{
color: #ffffff;
background: url(images/quote_bg.gif) #62472a no-repeat;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 5.2em;
}
.codeheader
{
color: #ffffff;
background: url(images/code_bg.gif) #62472a no-repeat;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 5.2em;
}


Is there a way for me to align the image to the right or even to set its width?

If u are using 1024 x 786 res u will see what I am trying to do ... at smaller or larger res the header gets messed up: Preview here
Thanks
Aku

[ianus]

Greetings!

Iââ,¬â,,¢m glad to give some help back!

Try this:

Code Select Expand


background-image: url(images/code_bg.gif);
background-repeat: no-repeat;
background-position: right;
background-color: #614629;


I copied your image to my localhost and try this code. It work for me, so I think, this solution is correct.
The
background-color: #614629;
fits your image, but you can try
background-color: transparent;
because #614629; isn't a websave color.

Have a lot fun and success with everything you do

Edit
Maybe you could use a smaller image for backgrounds for posts?
It look very stretched and the load time is huge.

Is there an copywrite for the ââ,¬Å"open letterââ,¬Â image beside the ââ,¬Å"Codeââ,¬Â?

[akulion]

Thanks that worked perfectly!!

That scroll I think I got from war craft site and modified it - had to cut it out of a bigger image.

feel free to use

[ianus]

Greetings!

I am glad to hear that it works. CSS and images are evil. Your theme is really unique and your work also.
Itââ,¬â,,¢s an great pleasure for me, to offer my help.

In general, I make my own images. I ask out of sheer curiosity.