sentrere et element

[pmonstad]

Jeg skulle gjerne hatt sentrert denne klokka midt på skjermen: www.lesetreneren.no/analog-klokke 

 

Noen som kan hjelpe litt? Er det noen måte å gjøre størrelsen på klokka dynamisk, dvs at den fyller maks skjermstørrelse avhengig av oppløsningen på skjermen? Nå har den fast størrelse.

[kjekset]

Da må du bygge en div rundt canvas.

 

Eksempel:

<div id="klokke" style="margin: 0 auto; text-align: center;">
 <canvas id="c1" class="CoolClock:chunkySwiss:430" width="860" height="860" style="width: 860px;height: 860px;margin: 0 auto;text-align: center;"></canvas>
</div>

Anbefaler deg å definere en ID-tagg i CSS og plotte inn margin og text align der.

 

Angående størrelsen på canvas, så kan du benytte deg av css media. Søk det opp på Google.

[pmonstad]

Da må du bygge en div rundt canvas.

 

Eksempel:

<div id="klokke" style="margin: 0 auto; text-align: center;">
 <canvas id="c1" class="CoolClock:chunkySwiss:430" width="860" height="860" style="width: 860px;height: 860px;margin: 0 auto;text-align: center;"></canvas>
</div>

Anbefaler deg å definere en ID-tagg i CSS og plotte inn margin og text align der.

 

Angående størrelsen på canvas, så kan du benytte deg av css media. Søk det opp på Google.

takk for hjelpen!