How do I create this box?

[Supersingh_UK]

How do I create a box like this shown in this webpage microsoft.public.frontpage.programming.com_addins I have be trying to create a website within this for ages and I just cannot figure out how to do it.

I've tried using the code from viewing the source but I just cannot figure it out

Which is the best program to create this function?

Frontpage or Dreamweaver what do you prefer?

[grailquester5]

Supersingh_UK,

Can you provide the URL to view that webpage? You can use the hyperlink function in the message editor menu bar (looks like a globe with a chain link on it).

[Supersingh_UK]

this is the link for the site that has the box that im talking about (http://www.8nero.net/brushes/)

[Supersingh_UK]

I would also like to know, what do you recommend to learn to create amazing websites? What type of software? What sort of lanuages should I use? Where can I find the best tutorials?

[ray326]

Design happens in your head. It has nothing to do with software or languages. Those are used to realize the design and that is generally the easy part.

[grailquester5]

ray326 has hit the nail on the head. Design comes from inside. You can be the best coder in the world, know every in and out of .asp, .jsp, php, html, css - and still design the worst pages. If you really want to learn to build websites, head to a local bookstore for a browse & buy. There are tons of books on the subject.

Meanwhile, which "box" are you talking about? The overall site itself is designed using frames, so that "central box" with the dragonfly image, text, etc., is one big frame set within other frames.

If you mean the "Make a Dunation" box on the upper right of the menu, that's an animated .gif.

And personally, I use BBEdit for all my website design/development. Coding by hand.

[Sanim]

if you mean the dotted box, here's the code:

<style type="text/css">
#box {
width: 600px;
height: 400px;
border: 1px dotted #cccccc;
}
</style>

The HTML:

<div id="box">
Lalala this is the text inside the box lalala
</div>

Hope that helped. :P