| Problème position: absolute; | |
|
-Trax
{ Membre }
Messages : 10
| Salut, Voilà mon problème, j'essaie d'installer des groupes à partir de ma template pour les personnalisers sauf que le problème c'est que mon groupe va se placer tout en haut du forum et j'aimerai le mettre tout en bas du forum a côté du QEEL. Un screen pour mieux vous parlez : - Citation :
Template : - Citation :
-
- Code:
-
<!-- BEGIN disable_viewonline --> <table class="forumline" width="100%" height="30%" border="0" cellspacing="2" cellpadding="2"> <td width="15%"></td> <td width="50%">
<tr> <span class="groupes"> <a href="http://blablabla.forumgratuit.be/groupcp.forum?g=1"><font color="#cc0044" size="2"><b>ADMINISTRATEUR</b></font></a></span> <td class="catHead" colspan="2" height="28"> <!-- BEGIN switch_viewonline_link --> <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><div class="qeel">QUI EST LA PUTAIN? JME SENS SEUL XD'</div></a></span> <!-- END switch_viewonline_link --> <!-- BEGIN switch_viewonline_nolink --> <span class="cattitle">{L_WHO_IS_ONLINE}</span> <!-- END switch_viewonline_nolink --> </td> </tr> <tr> <td class="bordure" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td> <td class="bordure" width="100%"><span class="name">{Le nombre de message posté est de}
{TOTAL_USERS}
{NEWEST_USER}</span></td> </tr> <tr> <td class="bordure"><span class="gensmall">{TOTAL_USERS_ONLINE}
{RECORD_USERS}
{LOGGED_IN_USER_LIST}</span></td> </tr> {L_CONNECTED_MEMBERS} {L_WHOSBIRTHDAY_TODAY} {L_WHOSBIRTHDAY_WEEK} <!-- BEGIN switch_chatbox_activate --> <tr> <td class="bordure"> <span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}
<!-- BEGIN switch_chatbox_popup --> <div id="chatbox_popup"></div> <script type="text/javascript"> //<![CDATA[ insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}'); //]]> </script> <!-- END switch_chatbox_popup --> </span> </td> </tr> <!-- END switch_chatbox_activate --> </table> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" /> <!-- BEGIN switch_legend --> <table border="0" cellspacing="3" cellpadding="0" align="center"> <tr> <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NEW_POSTS}</span></td> <td></td> <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td> <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td> <td> </td> <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td> <td><span class="gensmall">{L_FORUM_LOCKED}</span></td> </tr> </table> <!-- END switch_legend -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login --> <div id="fb-root"></div> <script type="text/javascript"> //<![CDATA[ FB.init({ appId: '{switch_fb_index_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true }); //]]> </script> <!-- END switch_fb_index_login --> CSS : - Citation :
-
- Code:
-
a.forumlink {border-bottom: 1px #75111F dotted;}
textarea, .textarea.post, input.post { -moz-border-radius:10px; }
a{cursor: crosshair; text-decoration: none !important;}
.bodyline { -moz-border-radius:10px; }
.forumline{ background-color: #COULEUR; -moz-border-radius: 10px ; border: 3px #75111F solid; }
a { font-variant: small-caps; }
.qeel { font-family: "comic sans ms"; text-align: center; color: black; text-decoration: none; border-bottom: 1px dashed grey; border-top: 1px dashed grey; margin-left: 30%; margin-right: 30%; }
.qeel:hover { font-size: 15px; text-decoration: none;}
#i_whosonline:hover { background-color: grey;}
.bordure { font-size: 13px; font-family: verdana; text-transform: uppercase; }
.groupes { position: absolute; bottom: 10px; float: right; } | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| Pourquoi avoir mis un position:absolute ? - Définition a écrit:
La position absolue et la position fixe permettent de placer une boîte par rapport aux limites de la zone d’affichage ou du conteneur en gros , par rapport aux bords du navigateur . | | |
|
| |
-Trax
{ Membre }
Messages : 10
| Alors si je met une position: fixe pensez vous que cela va marcher ? mais enfaite j'ai compris que dans la position fixe si je monte alors la barre a droite on vera toujours ce groupe, non? | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| Oui , donc évite le position fixe .
Mais pourquoi tu veux absolument lui mettre un position ? ( c'est pas obligatoire hein )
| | |
|
| |
-Trax
{ Membre }
Messages : 10
| Ba s'en position je n'ai aucune idée comme le placer vois-tu ? car quand je fais float: left il se place a gauche c'est cool mais ensuite ? comment le fais descendre ?..
Merci de ta réponse ! | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| bah avec un - Code:
-
margin-top:50px; | | |
|
| |
-Trax
{ Membre }
Messages : 10
| J'y avais penser, mais j'espere que cela ne va pas déformer la page. | | |
|
| |
Hiro
Ninja Codeur
Messages : 1179
| bah , normalement ton groupe n'as rien a faire en haut de la page | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Bonjour, Votre problème est-il toujours d'actualité ? Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône en éditant votre premier post. | | |
|
| |
Riku Asakura
{ Membre }
Messages : 69
| Hello,
Simple information complémentaire : par défaut les éléments ont un positionnement semblable au position: relative; du CSS. Cependant, dans l'objectif de bien fixer ce type de positionnement (et d'avoir d'autre bénéfice plus précis par la suite), il est judicieux de rappeler cette position, puis, éventuellement de bouger les éléments avec des valeurs de top, left, bottom, ou right.
Il aurait fallu poser la question de manière plus précise dès le départ : - comment sont positionnés tes éléments au départ ? - quelles doivent être leur position finale ? - quel espacement entre chaque éléments ? comportement entre eux ? etc.. | | |
|
| |
Psycho
Psychopathe
Messages : 3407
| Bonjour, n'ayant pas réponse depuis la dernière relance d'un modérateur, je considère ce problème résolu ou abandonné. Je déplace et verrouille. Merci de votre compréhension (: | | |
|
| |
Contenu sponsorisé
| |
| |
| Problème position: absolute; | |
|