Ga naar inhoud

tabellen in layers veranderen ???


Aanbevolen berichten

Hoi, Ben bezig om een site om te bouwen zodat er geen tabellen en frames in voorkomen. Nu gebruik ik de volgende css file : @charset "iso-8859-1"; body { margin: 0; padding: 0; font: 85% arial, hevetica, sans-serif; text-align: center; color: #333; background-color: #D6D6D6; background-image: url(img_39.gif); } a:link { color: #000000; } a:visited { color: #BBD459; } a:hover, a:active { color: #BBD549; background-color: #FFFFFF; } h2 { color: #B52C07; font: 120% georgia, times, "times new roman", serif; font-weight: bold; margin: 0 0 2px 0; } h2 a { text-decoration: none; } h3 { color: #5B5E0E; font: 106% georgia, times, "times new roman", serif; font-weight: bold; margin-top: 0; } #container { margin: 1em auto; width: 650px; text-align: left; background-color: #fff; border: 1px none #fff; } #header { height: 45px; width: 100%; background-image: url(header.png); background-repeat: no-repeat; background-position: 0 0; border-bottom: 1px solid #fff; position: relative; border: 1px none #fff; border-bottom: 1px solid #fff; } #header h1 { font-size: 165% georgia ; text-align: left; color: #fff; margin: 0; padding: 0; } #mainnav ul { list-style-type: none; } #mainnav li { display: inline; } #menu { float: right; width: 230px; border-left: 1px solid #D5735a; padding-left: 15px; } #contents { margin: 0 200px 40px 20px; } #contents p { line-height: 165%; } .blogentry { border-bottom: 1px solid #D5735a; } .imagefloat { float: right; border:0 } #footer { clear: both; color: #272900; text-align: right; font-size: 90%; } #skipmenu { position: absolute; left: 0; top: 5px; width: 645px; text-align: right; } #skipmenu a { color: #666; text-decoration: none; } #skipmenu a:hover { color: #fff; background-color: #666; text-decoration: none; } Wat ik nu wil is de contents gedeelte in twee gedeelten verdelen zodat ik gegevens in twee kolommen kan weergeven. Kan ik nu gewoon zeggen : .links {float: left} ; .rechts {float: right} ; in de css file en dan aanroepen met <div id="container"> <div id="header" title="MSK BASKETBALL"> <h1>MSK BASKETBALL</h1> </div> <div id="mainnav"> ****** hoofdmenu ************ </div> <div id="menu"> <h3>Submenu</h3> *** Submenu en mededelingen </div> <div id="contents"> <div class="blogentry"> <div class ="left"> ****** kolom linkerkant **** </div> <div class="rechts"> ***** kolom rechterkant **** </div> </div> <div id="footer"> Copyright © R.Wobben 2004 </div> </div> of gaat dit niet goed werken ??? Alvast bedankt, Roelof Wobben
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...