Log in

View Full Version : How to create this bar



daniel-s
03-11-2007, 03:20 PM
i like this thing that you can see on https://addons.mozilla.org/thunderbird/2110/

how can i create it?
http://img180.imageshack.us/img180/1915/43561880fz3.jpg (http://imageshack.us)

coothead
03-11-2007, 08:15 PM
Hi there daniel-s,

and a warm welcome to these forums. ;)

Does this help your cause....

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
* {
margin:0;
padding:0;
}
body {
background:#fff url(https://addons.mozilla.org/images/body_back.gif) repeat-x;
color:#000;
}
#container {
width:740px;
margin:0 auto;
}
#mozilla-com a {
float:right;
display:block;
text-indent:-5000em;
width:110px;
height:25px;
text-decoration: none;
background:url(https://addons.mozilla.org/images/mozilla-org.gif) no-repeat;
}
</style>

</head>
<body>

<div id="container">

<div id="mozilla-com"><a href="http://www.mozilla.com/">Visit Mozilla.com</a></div>

</div>

</body>
</html>
coothead

daniel-s
03-12-2007, 12:48 AM
dude you'are a gentleman

10x

coothead
03-12-2007, 04:28 AM
No problem, you're welcome. ;)