Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Making a html page

    Hey guys im trying to make a pretty basic html page. I wanted to make it look like this:

    ive already put everything in it except for the sidebar which i just cant get right. Anyone can help with this?

    Thanks

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,801
    Thanks
    6
    Thanked 1,023 Times in 996 Posts
    Please show us the code you’ve got so far.
    Bon Rouge has some layouts/tutorials on CSS layouts.

  • #3
    New to the CF scene
    Join Date
    Nov 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I've already fixed it, sorry i guess. hehe

    now i do have an other problem, my sidebars there and everythings working and all, but how do i make the div for main content to be as long as the sidebar? (sorry if not correctly translated, i'm a european)


    code (i have some unused code, but i will need it later on.)
    html:

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="vragen" />
    <meta name="keywords" content="vragen, " />
    <link rel="stylesheet" type="text/css" href="vlieburg.css">

    <div id="wrapper">

    <div class='sidebar'>I'm a sidebar</div>

    <header>
    <nav>
    <ul>
    <li><a href="vlieburg1.html">Home</a></li>
    <li><a href="#">Holland House</a></li>
    <li><a href="#">Orange Beach</a></li>
    <li><a href="#">Activiteiten</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </nav>
    <h1>Vakantiedorp Vlieburg </h1>

    </header>
    <img src="strand.jpg" width="960" height="150" alt="strand" />

    <nav>


    <section>

    <article>

    </article>

    </section>

    <footer>
    <h3> deze website is gemaakt door groep 5a. </h3>
    </footer>

    </div>
    </body>
    </html>

    css:

    ul li {
    display: inline;
    }

    ul
    {
    list-style-type:none;
    margin:0;
    padding:0;
    }



    header{
    width:960px
    height: 150px
    }

    #footer {
    clear:both;
    height: 20px;
    }

    #nav ul {
    margin:0;
    padding:0;
    list-style:none;
    }
    #nav li {
    display:inline;
    margin:0;
    padding:0;
    }

    body{
    background:#FFE87C;
    }


    .sidebar {
    width: 200px;
    height: 2000px;
    position: fixed;
    left: 1150px;
    right:1200px;
    top: 0px;
    border: 1px solid black;
    }

    <div class='sidebar'>I'm a sidebar</div>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •