Gå til innhold

sentrere et element


Anbefalte innlegg

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.

Lenke til kommentar
Videoannonse
Annonse

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.

Lenke til kommentar

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!

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...