I have a question for ya, I have this css code that I need to use because I am creating a drag and drop box. Here is the code:
This looks like this
and in the tool bar (.bar) I want to add a little .gif file that will syomble a close button (X} to look like this
How can I do this? Remember, this is a dragable window so what I do will need to be able to move with the container .box.
thanks,
-T
-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
<head>
<style type="text/css">
.box {
background-color: #ffff00;
border: 1px solid #000000;
border-bottom: 5px solid #000000;
border-right: 5px solid #000000;
color: #000000;
padding: 0px;
position: absolute;
}
.bar {
background-color: #008080;
color: #ffffff;
font-weight: bold;
padding: 2px 1em 2px 1em;
}
.content {
padding: 1em;
}
</style>
</head>
<body>
<div class="box">
<div class="bar">This is the bar</div>
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
</div>
</body>
</html>
Code:
---------------------------------------------------------
| |
---------------------------------------------------------
| |
| |
| |
| |
| |
| |
---------------------------------------------------------
Code:
---------------------------------------------------------
| X|
---------------------------------------------------------
| |
| |
| |
| |
| |
| |
---------------------------------------------------------thanks,
-T
-How important does a person have to be before they are considered assassinated instead of just murdered?
-Need more cow bell!!!
