[7,35 PNT] Table Omzetten!

Ik heb de volgende indeling voor mijn countdown script:

<table id="table">
                            
    <tr>
        <td colspan="6"><div class="numbers" id="count2" style="padding: 10px; "></div></td>
    </tr>
                                            
    <tr id="spacer1">
        <td><div class="title" ></div></td>
        <td><div class="numbers" id="dday"></div></td>
        <td><div class="numbers" id="dhour"></div></td>
        <td><div class="numbers" id="dmin"></div></td>
        <td><div class="numbers" id="dsec"></div></td>
        <td><div class="title" ></div></td>
    </tr>
                        
    <tr id="spacer2">
        <td><div class="title" ></div></td>
        <td><div class="title" id="days">Days</div></td>
        <td><div class="title" id="hours">Hours</div></td>
        <td><div class="title" id="minutes">Minutes</div></td>
        <td><div class="title" id="seconds">Seconds</div></td>
        <td><div class="title" ></div></td>        
    </tr>
                
</table>

Nou is deze totaal niet responsible. Wat ik wil is dat deze om worden gezet in divjes en dat ze onder elkaar komen te staan op moment dat je je browser resized / bezoekt vanaf bijv. je telefoon.

Zo ziet het er nu uit, en zo moet het er straks ook uit komen te zien:
De beloning is 7,35 punten voor degene die dit het beste, mooiste en netste uitvoert. Al je meer of andere code nodig hebt dan hoor ik t wel.

Heb asap nodig.

-Liv.

Ik zal er even naar kijken

Zou ik wat meer informatie mogen ontvangen? Welke font etc gebruik je?

Fonts etc. zijn niet nodig, die gooi ik er later wel bij in.

Ik ben nu bezig met het ombouwen, voel je vrij om NU nog dingen in te sturen, over een paar uurtjes is het waarschijnlijk te laat.

http://www.dvcdesign.nl/countdown/

je kan de css er zelf in zetten?

Dennisvc schreef:

http://www.dvcdesign.nl/countdown/
je kan de css er zelf in zetten?

Livonias schreef:

Nou is deze totaal niet responsible. Wat ik wil is dat deze om worden gezet in divjes en dat ze onder elkaar komen te staan op moment dat je je browser resized / bezoekt vanaf bijv. je telefoon.

Dat is hij niet bepaald?

Hij is inderdaad niet echt meer responsive.
CSS toepassen is geen probleem.

Mooiste zou zijn als iemand m dinsdagavond / woensdagmorgen klaar heeft.

Ik zal t morgenochtend doen.

Laatmaar, geen tijd

Heel basic maar responsive, zodra het scherm te klein word gaat hij verder op de lijn daar onder.

<style>
    .resp{
        float: left;
        margin-right: 20px;
    }
</style>
<div>
  <div class="resp">
    <p class="numbers" id="dday">123<p>
    <p class="title" id="days">Days</p>
  </div>
  <div class="resp">
    <p class="numbers" id="dhour">123<p>
    <p class="title" id="hours">Hours</p>
  </div>
  <div class="resp">
    <p class="numbers" id="dmin">123<p>
    <p class="title" id="minutes">Minutes</p>
  </div>
  <div class="resp">
    <p class="numbers" id="dsec">123<p>
    <p class="title" id="seconds">Seconds</p>
  </div>
</div>

Thanks so far. Nog meer inzendingen? Ik zou m het liefst vanavond gaan verwerken namelijk.

Hoezo meer alternatieven? De laatste voldoet toch prima

Aarclay schreef:

Hoezo meer alternatieven? De laatste voldoet toch prima

Inzendingen. Das wat anders

Als ze verschillen van elkaar zijn het weer alternatieven

Aarclay schreef:

Als ze verschillen van elkaar zijn het weer alternatieven

Haha touché.

Nee, ik wacht nog even ± 1,5u of zo en dan ga ik bovenstaande er in verwerken en testen. Wil de rest ook nog even de tijd gunnen om het af te ronden als ze waren begonnen.