5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:
    Bijdrager
    G4

    CSS: van DIV naar Classes

    Ik gebruik nu DIV’s om drie gelijke kolommen onder elkaar te krijgen. Hoe kan ik hiervan classes maken.
    ——
    tekst
    ——
    ——
    tekst
    ——
    ——
    tekst
    ——
    [code:1:f4afa9737a]<td>
    <div id="sidebar">
    tekst<br />
    </div>
    <br />
    <div id="sidebar">
    tekst<br />
    </div>
    <br />
    <div id="sidebar">
    tekst<br />
    </div>
    </td>[/code:1:f4afa9737a]

    [code:1:f4afa9737a]#sidebar{
    color: #000;
    font-size: 10px;
    background-color: #999;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }[/code:1:f4afa9737a]

    Graag reageren met code.

    Bijdrager
    aerosoul

    id maakt je class van

    en in je css maak je van # een . (punt dus)

    that’s all

    maar waarrrommmm.? heb je in godsnaam divjes in ’n table?

    Bijdrager
    computer space

    In het huidige voorbeeld gebruik je een div met dezelfde naam 3 keer. Dat mag niet. <span id=”sidebar”> is dus de juiste oplossing

    Bijdrager
    JoeyNL

    Je mag uberhaupt niet drie keer eenzelfde ID gebruiken, daarvoor zijn classes. Dus je maakt inderdaad van id gewoon class. Class wordt gebruikt om meerdere elementen dezelfde eigenschappen te geven, ID is specifiek voor een item.

    Bijdrager
    wiedo

    [code:1:dc0cc3efa1]
    <div class="sidebar">
    tekst<br />
    </div>
    <br />
    <div class="sidebar">
    tekst<br />
    </div>
    <br />
    <div class="sidebar">
    tekst<br />
    </div>[/code:1:dc0cc3efa1]

    [code:1:dc0cc3efa1].sidebar{
    color: #000;
    font-size: 10px;
    background-color: #999;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }[/code:1:dc0cc3efa1]

    Een table is juist wat je wilt voorkomen door div te gebruiken.
    Gebruik alleen nog maar tables waar het voor bedoelt is, namelijk voor tabellen (duh) en niet meer voor plaatsen van objecten. Daarbij ben je veel vrijer als je alleen div’s gebruikt en deze plaatst via css. (http://www.w3schools.com/css/ is erg handig voor de beginner)

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.