Discussion :

[colem]

Bonjour à tous

Me revoilà avec un problème
Cette fois ci c'est la mise en place d'un texte contenu dans une div que je mets dans un canvas
voici à quoi cela ressemble


coté HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<div id='device_1' class='form-group form-group-vertical togglable' style='display:none'>                                     
    <div class='col-lg-10 col-md-9'>                                      
        <table>                                               
            <tr>                                                  
                <td>                                                      
                    <label>Memory</label><br>                                                     
                    <canvas id='memory_1'></canvas>                                                     
                    <div id='memory-1' class='memory'></div>                                                    
                </td>
....

Coté CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
div.memory{                         
    position: absolute; top: 80px; left: 0; right: 430px;
    text-align: center; font-size: 2em; font-weight: bold;
    color: black; font-family: 'Amaranth', sans-serif;
}

Mon problème c'est que que quand la résolution change le centrage n'est plus bon
J'ai l'impression que le centrage est fait sur le <div id='device_1' mais je souhaiterais que la position de référence soit le canvas

Pouvez-vous m'aider

Merci

[JujuPomme]

Hello,

J'edit, après re-lecture, mon post était totalement faux. My bad

[colem]

ci ça aide du monde

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
div.memory{
	position: relative; top: -100px; left: -26px; right: 0;
	text-align: center; font-size: 2em; font-weight: bold;
	color: black; font-family: 'Amaranth', sans-serif;
}