Galleri med skiftende margin

Du sætter vel bare style="margin:10px" på den ene og style="margin:20px" på den anden, eller hvad?

... lave et billed-galleri i css ?-)

CSS:
    <style>
        #wrap {
            background: red;
            width: 590px;
            height: 200px;
        }
       
        #wrap div.box {
            background: green;
            height: 95px;
            width: 190px;
            float: left;
            margin-left: 10px;
            margin-bottom: 10px;
        }
       
        #wrap div.box.first {
            clear: both;
            margin-left: 0;
        }
    </style>

HTML:

    <div id="wrap">
        <div class="box first"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box first"></div>
        <div class="box"></div>
        <div class="box"></div>
    </div>




Leg med det

Er det rigtigt forstået at div.box.first margin-left: 0;

overskriver div.box margin-left: 10px;?

Nu er jeg kun nybegynder i css, men "div.box.first margin-left: 0;" er vist forkert kode tror jeg da. Det er nr 2 mulighed du skal bruge og ik den anden.

Men jeg skal bruge begge klasser for at sætte forskellig margin.

div.box.first har en større specifitet end div.box, så den vil overskrive margin på de divs, der har både box og first som class !-)

>>juicesworld 28/11-2007 12:42:09

-- hvorfor det ?-)

nvm jeg misforstod vist noget da jeg skrev sidste besked.

Smid et svar

Hvem ?-)

Jeg løste det selv