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)

tabellen in layers veranderen ???

Anne
1 antwoord
  • 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

Beantwoord deze vraag

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