HTML - Hml Banner In Top-left Corner

Hi,

how can I design a red cross object to remove the image from the box (see image)

http://dl.getdropbox.com/u/72686/closeIcon.png

My idea is to position it with css on the top-right corner of a box, and it should be done easily.

Am I correct ?

thanks

I would like an image that has the name of site displayed on the top left corner of each page diagonally. (This direction -> /)

How can I do this exactly?
Am I overcomplicating this?

Hi All,

if there a way of adding two images with a title in the middle.

For example

"Image" This is a example "Image2"

With both images flush against the borders.

Because at the moment mine looks daft lol!!

The RightTopImage needs to be obviously Top right of the webpage, and then there will be an image to the left of the webpage with the title in the middle...
I cant figure out the structure of CSS

Html

HTML Code:

 <div class="page">
   This will be where the Left Image will be.
          <div class="header">
            <div class="title">
             "Text as an example......"
            </div>
        </div>
           <div class="RightTopImage">
        </div>
        <div class="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
        </div>
        <div class="clear">
        </div>
    </div>

Css

HTML Code:

.RightTopImage
{
    background-image:url(../Images/RightTopSmoke.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 292px;
    height: 222px;
}

.page
{
    width: 100%;
    background-color: #fff;
    margin: 0px;
    border: 1px solid #496077;
}

.header
{
   
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

I havent added the left image yet, but if any one can help me or maybe have a code snippet i could use it would be highly appreciated.

P.s this will be in the site master.

Thank you.

Quick update.

Am i right in saying this is how you define a title with two images and a text area.

.Query
{
background-image:url(../Images/RightTopSmoke.gif);
background-repeat: no-repeat;
background-position: top right;

Text Details go here

background-image:url(../Images/RightTopSmoke.gif);
background-repeat: no-repeat;
background-position: top left;

}

hmmmmm

Hi All,

Iv been browsing and browsing the internet to try and figure this one out and sadly i cant find a solution,

Im trying to do a rounded corners effect in CSS for a button and im using IE7(due to where i work) and the rounded corners effect doesnt seem to wanna happen, can anyone tell me or link me to a document on the net that will give me the effect below is the main button you can see i have put a mox border radius and webkit border radius but doesnt seem to work in IE7

HTML Code:

.BtnRaiseTask 
{
	-moz-box-shadow:inset 0px 1px 16px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 16px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f002b), color-stop(1, #b20939) );
	background:-moz-linear-gradient( center top, #8f002b 5%, #b20939 100% );
	background-color:#8f002b;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border:2px solid #c2c2c2;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:21px;
	font-weight:bold;
	padding:10px 28px;
	text-decoration:none;
	
}

Can some one please help me its driving me insane.

Hey, i am currently working on a site and trying to position a image of a leaf on the corner of a div.

The site is: http://luminaskincare.ca/new/

I want it to look like this: http://luminaskincare.ca/new/whatiwant.png

Any help would be appreciated thanks.