<
>
 Thread (8 posts)
Upload  10/08/07 11:10:34 AM

Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100

Novice Member

Joined: 10/05/06
Posts: 664

Hello folks,

For my new education, I have to build a website with HTML. I have some really good ideas, but unfortunately I have a lack of knowledge too. I have made a poor sketch with paint so you can see my idea.

The whole image represents my idea. The gray bit is the background, and the white bits are used for the banner, menu and content.  I know how to work with framesets, but not how to use them for my idea. If you have some experience with this, or want to share something regarding this, please leave a message. Thanks!

 
EggFtegg  10/08/07 12:14:19 PM

Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100

Novice Member

Joined: 12/01/06
Posts: 1143

I wouldn't use framesets at all for that design. In my opinion it's usually better to avoid them if you can.

But, should you wish to, I would imagine you'd have a borderless frame across the top, containing the banner and the menu. The menu buttons would be set to change the page in the text area in your second frame.

You would need to make sure that the sizes of the blank area at the sides matches up between the frames.

Phoenixs  10/08/07 12:48:10 PM

Rank: 27/100 Rank: 27/100 Rank: 27/100 Rank: 27/100 Rank: 27/100

Apprentice Member

Joined: 12/11/04
Posts: 2646

I wouldn't use framesets. Use Div's. It's simpler, cleaner and usually the size is also alot smaller than a framesets or table layout.

I'm not that good at explaining this, so I made some small examples for you.

Just make yourself a .css file. In there you style your div's.

For instance this would be the banner for your site. You don't need all the stuff I have added there. But I guess you can figure out what you need and don't need for yourself. You can ofcourse add alot of other things.

#Banner {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 150px;
    height: 30px;     
    border: 1px solid black;
    z-index: 1;
    background: url("Example.png");
}
Just pop that inside you .css file.

<!--

<insert div's here>

-->
In your html file you just link to your .css file like this:

<head>

<link rel="stylesheet" type="text/css" href="example.css" />

<style type="text/css">

</head>
and in the body section you add the div itself:

<body>

<div id="Banner"></div>

</body>
And if you want a div inside another one, just do this in your html file:

<div id="Main">

    <div id="Banner"></div>

</div>

I don't know how experienced you are, so I made this rather simple example. To give you a idea of what I mean.

Here are a couple of links that are really useful:

http://www.w3schools.com/

And 2 validator's from W3.org, they are really useful, use them.

http://jigsaw.w3.org/css-validator/

http://validator.w3.org/

Let's hope my post was of some help And good luck with your site.

Upload  10/08/07 12:53:45 PM

Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100

Novice Member

Joined: 10/05/06
Posts: 664

Originally posted by Phoenixs

...Let's hope my post was of some help And good luck with your site.


It sure was, Phoenixs. Thanks alot!

 
Ecranomical  10/08/07 1:52:38 PM

Rank: 4/100 Rank: 4/100 Rank: 4/100 Rank: 4/100 Rank: 4/100

Novice Member

Joined: 9/23/04
Posts: 315

HTML = content

CSS = style

 

HTML should be the bare essentials, everything else should, well not should but your better off, and CSS should be where you put the bulk of the work.

 

It will be a lot easier that way, and the div suggestion was a good idea.

CSS

 
Upload  10/08/07 2:06:09 PM

Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100

Novice Member

Joined: 10/05/06
Posts: 664

Originally posted by Ecranomical

HTML = content

CSS = style

 

HTML should be the bare essentials, everything else should, well not should but your better off, and CSS should be where you put the bulk of the work.

 

It will be a lot easier that way, and the div suggestion was a good idea.

CSS


For CSS I have a handy tool named TopStyle. I recall there was a free light version of it which I really would recommend to anyone working with CSS.

 
Upload  10/08/07 2:12:45 PM

Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100 Rank: 1/100

Novice Member

Joined: 10/05/06
Posts: 664

 
-Jaguar-  10/08/07 5:37:26 PM

Rank: 41/100 Rank: 41/100 Rank: 41/100 Rank: 41/100 Rank: 41/100

Advanced Member

Joined: 3/07/04
Posts: 2125

I assume he wants to use frames so he can keep the banner and menu on one page. He doesn't know or might not even be capable of doing includes.

Based on your sketch it looks like an <iframe src="menu.html />