Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

<div> posititie probleem

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

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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