Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

<div> posititie probleem

Anoniem
snowman2
1 antwoord
  • Hoi,

    Ik heb deze html
    [code:1:09ae9afa2e]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;>charset=utf-8" />
    <title>Tamara Wobben - Niemand krijgt mij eronder - Home</title>
    <link rel="stylesheet" href="res/tamara.css" type="text/css"/>
    <body>
    <div id="container">
    <div id="head">
    &nbsp;
    </div>
    <div id="wrapper">
    <div id="sidebar-1">
    <a href="">test 1</a><br>
    <a href="">test 1</a><br>
    <a href="">test 1</a><br>
    <a href="">test 1</a><br>
    <a href="">test 1</a><br>
    <a href="">test 1</a><br>
    <a href="">test 1</a><br>
    </div>
    <div id="content">
    <div id="datum">
    21-01-2007
    </div>
    <div id=""titel">
    Zwanger
    </div>
    jhhdlasmdhsadlkjsadhsdkjsdsdhsdsadksbskjdsa<br>
    ,dbsabdbsamdbsad,msadbsamdsadnmmdgngaddashdd<br>
    </div>
    </div>
    <div id="foot">
    Design by <a href="http://www.ryanarrowsmith.com/">Ryan Arrowsmith</a>. Made avaible by R. Wobben for typo3</div>
    </div>
    </body>
    [/code:1:09ae9afa2e]

    Daarbij heb ik deze css file :
    [code:1:09ae9afa2e]
    body
    {
    background-color: #F9D7F8;
    color: #000000;
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 13px;
    line-height: normal
    }

    p
    {
    font-family: Verdana, "Lucida Grande", Tahoma, Helvetica;
    font-size: 13px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    }

    a {
    color: #000000;
    text-decoration: none;
    border : none ;
    outline: none;
    }

    a:hover {
    color: #000000;
    text-decoration: none;
    border : none ;
    }

    #sidebar-1 a
    {
    font-size: 13px;
    text-align:left ;
    margin: 0 1em 0 1em;
    }

    #head
    {
    text-align: center;
    background: #F9D7F8 url('../images/bovenkant.jpg') no-repeat top center;
    height: 435px;
    padding: 0;
    margin: 0;
    }

    #container
    {
    width: 800px;
    \width: 810px;
    w\idth: 800px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background:#F9D7F8 url('../images/tussenstuk.jpg') repeat-y top center;
    }

    #sidebar-1
    {
    float: left;
    width: 170px;
    \width: 170px;
    w\idth: 170px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    /*margin-left: 20px;*/
    /*margin-right: 5px;*/
    padding-top: 100px;
    }

    #content
    {
    margin-left: 195px;
    margin-right: 20px;
    padding-top: 10px;
    text-align: center;
    }
    #wrapper {
    width: 700px;
    \width: 710px;
    w\idth: 700px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    display: block;

    }
    #foot
    {
    clear: both;
    margin-top: 5px;
    text-align: right;
    height: 153px;
    background: #F9D7F8 url('../images/onderkant.jpg') no-repeat top center;
    font-size: 10px;
    padding-right: 100px;
    padding-top: 60px;
    }

    #sidebar-1 a
    {
    border: 0px;
    color: #C00;
    }

    #datum
    {
    float : left ;
    margin-left: 20px;
    margin-right: 20px;
    }

    #titel
    {
    text-align : center;
    margin-right : 0px ;
    }

    h1
    {
    font-weight: normal;
    text-decoration:none;
    font-family: Georgia, Times, Serif;
    font-size: 3em;
    }

    h2
    {
    font-weight: normal;
    font-family: Georgia, Times, Serif;
    font-size: 1em;
    font-style: italic;
    text-indent: 20px;
    }

    h3
    {
    font-weight: normal;
    font-family: georgia, times new roman, serif;
    font-size: 33px;
    line-height: 38px;
    padding-left: 10px;
    margin: 0;
    margin-top: 20px;
    text-align: left;
    }

    h3 a
    {
    border: 0px;
    font-weight: normal;
    font-family: Georgia, Times, Serif;
    font-size: 1.5em;
    }

    h1 a, h2 a
    {
    border: 0px;
    }


    #menuz
    {
    width: 160px;
    font: normal normal normal 11px/13px Arial, Helvetica, sans-serif;
    }

    #menuz ul
    {
    list-style: none;margin: 0px;padding: 0px;
    }

    #menuz ul ul
    {
    display:none;
    }

    #menuz A.no, #menuz A.act
    {
    color: #000000;
    text-decoration: none;
    }

    #menuz A.act, #menuz A.act:hover
    {
    font-weight : bold;
    }

    #menuz
    {
    border-top:1px solid black;border-right:1px solid black;
    border-left:1px solid black;}

    #menuz A
    {
    display:block;border-bottom:1px solid #005073;
    padding: 3px 5px 3px 5px;
    }

    #menuz UL IMG
    {
    margin:2px 3px 2px 0px;
    }

    #menuz UL UL IMG
    {
    margin-left:6px;
    }

    #menuz UL UL UL IMG
    {
    margin-left:12px;
    }

    #menuz UL A
    {
    background: #0191cc;
    }

    #menuz UL A:hover
    {
    background: #80c8e6;
    }

    #menuz UL LI UL A
    {
    background: #3ebcef;
    }

    #menuz UL LI UL A:hover
    {
    background: #9fdef7;
    }

    #menuz UL LI UL LI UL A
    {
    background: #8dcff3;
    }

    #menuz UL LI UL LI UL A:hover
    {
    background: #c6e7f9;
    }

    #menuz UL LI UL LI UL LI UL A
    {
    background: #aee1fd;
    }

    #menuz UL LI UL LI UL LI UL A:hover
    {
    background: #ebf7fe;
    }
    [/code:1:09ae9afa2e]

    Nu zou ik graag het <div id="datum"> aan de linkerkant van de tekst willen hebben en het <div id=titel> gecentreerd boven de tekst willen hebben.

    Hoe krijg ik dit voor elkaar ?

    Roelof

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.