›

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In Register

Quick Links

A question regarding framesets with HTML

UploadUpload Member Posts: 679
in Off-Topic Discussion

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!

Comments

  • EggFteggEggFtegg Member Posts: 1,141

    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.

  • PhoenixsPhoenixs Member Posts: 2,646

    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.

  • UploadUpload Member Posts: 679
    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!

  • EcranomicalEcranomical Member Posts: 326

    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

  • UploadUpload Member Posts: 679
    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.

  • UploadUpload Member Posts: 679

    Here it is. Download Topstyle Light.

  • ElapsedElapsed Member UncommonPosts: 2,329

    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 />

Sign In or Register to comment.