Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

<div> posititie probleem

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.