CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Problème de centrage de div. | |
| Labyrinth
{ Membre }
Messages : 7
| Salut, tout le monde. Je suis entrain de me casser la tête depuis plus de deux jours sur cette div. http://somewheretasty.1fr1.net/forum.htm à gauche. Déjà, ma seconde admin ne la voit pas passée pareil que moi et j'aimerais bien qu'elle ne bouge pas en fonction de la taille de la fenêtre, comme sur .. http://technicolor.1fr1.net/ je vous montre mon template , overall-footer, en esperant que vous avez la solution. - Code:
-
<div style="position: absolute; top: 450px; left:150px; "><span class="boxtoproundtitle"></span>
<div style="width: 175px; left: 70px; text-align: left" class="boxmenu"> <img src="http://nsa14.casimages.com/img/2010/04/03/100403011406574128.png"><br> <br> <img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<br><img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<br><img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<br><img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.
<br><br><br>
<img src="http://nsa14.casimages.com/img/2010/04/03/100403011654447819.png"> <br> <div class="opacity"><img src="http://nsa14.casimages.com/img/2010/04/03/100403012737363112.png"></div> <br>et là autre texte voilà. Sakura je travaille tu vois ;)
<br><br><br> <img src="http://nsa14.casimages.com/img/2010/04/03/100403011244676807.png"> <span style="color: #E0422E;"> Création du forum:</span> 01/04/2010.<br> <span style="font-style: italic;">(Non, ce n'est pas un poisson d'avril)</span><br> <span style="color: #E0422E;">Ouverture:</span> 03/04/2010. <br> <span style="color: #E0422E;">Version :</span> 01 par <a href="http://somewheretasty.1fr1.net/profile.forum?mode=viewprofile∓u=3">Sakura</a>.<br> <span style="color: #E0422E;">CSS:</span> par<a href="http://somewheretasty.1fr1.net/profile.forum?mode=viewprofile&u=1"> Zombalystique</a>.<br>
<br><br><br>
<img src="http://nsa15.casimages.com/img/2010/04/03/1004030115475437.png" <div class="opacity"><img src="http://nsa14.casimages.com/img/2010/04/03/100403012737363112.png"></div> <br>
</div></div>
| | |
| | | Boow
{ Membre actif }
Messages : 866
| Attends mais là, tu n'as pas dit UNE SEULE FOIS de quoi tu parlais.... Faudrait peut-être nous dire, ce n'est pas aussi évident que ça pour nous !! Comme ça, on ne peut pas t'aider.... | | |
| | | Labyrinth
{ Membre }
Messages : 7
| Desolée.. Je parle d'une div placée à côté du forum. Serait-ce possible de centrer le div par rapport a une autre div ? Comme dans le portail.. Sauf que le forum et les catégories seraient au centre et la div à gauche .. | | |
| | | Boow
{ Membre actif }
Messages : 866
| Aloooors x) Tu peux me dire précisément de quelle div tu parles ? Parce que personnellement, je ne vois aucune division qui traine sur le côté du forum.... Tu peux nous faire un screen ? | | |
| | | Labyrinth
{ Membre }
Messages : 7
| Voilà raffraîchie la page je l'ai remi. | | |
| | | Boow
{ Membre actif }
Messages : 866
| Ah voui, je comprends tout de suite mieux le problème xD Alooors.... Est-ce que tu peux me donner ton template "Index_box", s'il te plait ? ((Par contre, je n'aurais pas le temps de t'expliquer ça ce soir ^^)) | | |
| | | Labyrinth
{ Membre }
Messages : 7
| index box : - Spoiler:
- Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td valign="bottom"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall">{LAST_VISIT_DATE}<br /> {CURRENT_TIME}<br /> </span> <!-- END switch_user_logged_in --> <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div> </td> <td class="gensmall" align="right" valign="bottom"> <!-- BEGIN switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br /> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br /> <!-- END switch_user_logged_in --> <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </td> </tr> </table> <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th> <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th> </tr> <!-- END tablehead --> <!-- BEGIN cathead --> <tr> <!-- BEGIN inc --> <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc --> <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"> <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </td> <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}> <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span> <table width="100%"><tr><td align="right"><span class="gensmall"><b>SUJETS</b> : {catrow.forumrow.TOPICS} | <b>MESSAGES</b> : {catrow.forumrow.POSTS}</span></td></tr></table> </td> <!-- BEGIN forum_link_no --> <td class="row3 over" align="center" valign="middle" height="50"> <span class="gensmall">{catrow.forumrow.LAST_POST}</span> </td> <!-- END forum_link_no --> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr> <!-- END catfoot --> <!-- BEGIN tablefoot --> </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
over all footer ( la div est là juste avant "/body". - Spoiler:
- Code:
-
<!-- BEGIN html_validation --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td> <div> <div> <table> <tbody> <tr> <td> <!-- END html_validation --> <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}"> <!-- BEGIN giefmod_index2 --> {giefmod_index2.MODVAR} <!-- BEGIN saut --> <div style="height: {SPACE_ROW}px"></div>Afficher le menu
Cacher le menu Affichage Thèmes
Choisir un thème Gestion des thèmes Thèmes temporaires
Page d'accueil
Généralités Structure et hiérarchie En-tête & Navigation
Images et Couleurs
Gestion des images Couleurs
Avatars
Galerie des avatars Smileys
Templates
Général Portail Galerie Calendrier Groupes Poster & Messages Privés Modération Profil
Simple
Avancé Templates
* Général * overall_footer
Dans cet espace vous pouvez modifier un template existant et modifier ainsi l'apparence du forum. Les templates modifiés sont marqués en rouge. Pour revenir au template par défaut, cliquez sur supprimer : attention, votre template sera effacé !
Seuls les templates des versions phpBB2 ou PunBB sont affectés par ces modifications.
overall_footer
<!-- BEGIN html_validation --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <table> <tr> <td> <div> <div> <table> <tbody> <tr> <td> <!-- END html_validation --> <td valign="top" width="{C3SIZE}"> <div id="{ID_RIGHT}"> <!-- BEGIN giefmod_index2 --> {giefmod_index2.MODVAR} <!-- BEGIN saut --> <div style="height: {SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index2 --> </div> </td> </tr> </tbody> </table> </div> </div> <!-- close div id="page-body" --> <div id="page-footer"> <div align="center"> <div class="gen"> <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT} <!-- BEGIN switch_view_stats --> | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a> <!-- END switch_view_stats --> <!-- BEGIN switch_view_donation --> | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a> <!-- END switch_view_donation --> <!-- BEGIN switch_view_contact --> | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a> <!-- END switch_view_contact --> {U_ABUSE} {U_BLOG} </div> </div> </div> {PROTECT_FOOTER} </td> </tr> </table> <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> <!-- BEGIN google_analytics_code --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try{ var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}"); pageTracker._trackPageview(); } catch(err) { } </script> <!-- END google_analytics_code --> <div style="position: absolute; top: 80px; left: 10px; "><span class="boxtoproundtitle"><img src="http://nsa14.casimages.com/img/2010/04/02/10040209281612919.png"></span> <div style="width: 200px; text-align: center;" class="boxmenu"> Blablabla. </div></div> <div style="position: absolute; top: 200px; left: 10px; "><span class="boxtoproundtitle"><img src="http://nsa14.casimages.com/img/2010/04/02/100402090546974060.png"></span> <div style="width: 200px; text-align: center;" class="boxmenu"> Blablabla. </div></div> </body> </html>
Voir le template par défaut
<!-- END saut --> <!-- END giefmod_index2 --> </div> </td> </tr> </tbody> </table> </div> </div> <!-- close div id="page-body" --> <div id="page-footer"> <div align="center"> <div class="gen"> <strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}{U_VERSION} {U_SUPPORT} <!-- BEGIN switch_view_stats --> | <a name="bottom" href="/{switch_view_stats.S_STATS}" class="copyright" rel="nofollow">{switch_view_stats.L_STATS}</a> <!-- END switch_view_stats --> <!-- BEGIN switch_view_donation --> | <a name="bottom" href="/{switch_view_donation.U_DONATION}" class="copyright" rel="nofollow">{switch_view_donation.L_MAKE_DONATION}</a> <!-- END switch_view_donation --> <!-- BEGIN switch_view_contact --> | <a name="bottom" href="/{switch_view_contact.U_CONTACT}" class="copyright" rel="nofollow">{switch_view_contact.L_CONTACT}</a> <!-- END switch_view_contact --> {U_ABUSE} {U_BLOG} </div> </div> </div> {PROTECT_FOOTER} </td> </tr> </table> <script type="text/javascript"> //<![CDATA[ fa_endpage(); //]]> </script> <!-- BEGIN google_analytics_code --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try{ var pageTracker = _gat._getTracker("{G_ANALYTICS_ID}"); pageTracker._trackPageview(); } catch(err) { } </script> <!-- END google_analytics_code -->
<div style="position: absolute; top: 450px; left:150px; "><span class="boxtoproundtitle"></span>
<div style="width: 175px; left: 70px; text-align: left" class="boxmenu"> <img src="http://nsa14.casimages.com/img/2010/04/03/100403011406574128.png"><br> <br> <img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<br><img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<br><img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<br><img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.<img src="http://i476.photobucket.com/albums/rr121/zombalystique/none.png">.
<br><br><br>
<img src="http://nsa14.casimages.com/img/2010/04/03/100403011654447819.png"> <br> <div class="opacity"><img src="http://nsa14.casimages.com/img/2010/04/03/100403012737363112.png"></div> <br>et là autre texte voilà. Sakura je travaille tu vois ;)
<br><br><br> <img src="http://nsa14.casimages.com/img/2010/04/03/100403011244676807.png"> <span style="color: #E0422E;"> Création du forum:</span> 01/04/2010.<br> <span style="font-style: italic;">(Non, ce n'est pas un poisson d'avril)</span><br> <span style="color: #E0422E;">Ouverture:</span> 03/04/2010. <br> <span style="color: #E0422E;">Version :</span> 01 par <a href="http://somewheretasty.1fr1.net/profile.forum?mode=viewprofile∓u=3">Sakura</a>.<br> <span style="color: #E0422E;">CSS:</span> par<a href="http://somewheretasty.1fr1.net/profile.forum?mode=viewprofile&u=1"> Zombalystique</a>.<br>
<br><br><br>
<img src="http://nsa15.casimages.com/img/2010/04/03/1004030115475437.png" <div class="opacity"><img src="http://nsa14.casimages.com/img/2010/04/03/100403012737363112.png"></div> <br>
</div></div> </body>
</html>
MERCI INFINIMENT ! | | |
| | | Boow
{ Membre actif }
Messages : 866
| Votre problème est-il résolu ? | | |
| | | Labyrinth
{ Membre }
Messages : 7
| | | | Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour,
votre problème est-il toujours d'actualité ? (note : je rafraîchis votre topic pour éviter qu'il ne tombe dans l'oubli hein x3) | | |
| | | Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide. | | |
| | | Contenu sponsorisé
| | | | | Problème de centrage de div. | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|