[CSS] Positionement relatif et z-index
Bonjour,
Voila j'ai un soucis de positionement d'un element div.
je souhaite afficher un div superposer sur le coin supérieure droit d'un tableau html
hors j'ai des soucis je n'arrive pas a effectuer la superposition
des images vaut mieux qu'un long discours...
mon resultat : Image
ce que je souhaite faire : Image
mon code css:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<style>
.AjaxLoading
{
background-color:Red;
color:White;
float:right;
width:20px;
position:relative;
z-index:1000;
}
</style> |
La position en absolu ne me convient pas car je veut que ce soit dans le coin superieur droit d'un tableau html avec une longueur en pourcentage ....
voici mon code html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<div align="center">
<div class="AjaxLoading">Chargement...</div>
<table width="80%" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</div> |
Celui qui peut m'aider je lui serai vraiment reconnaissant ;)
merci de votre aide !
