Profil en décalé
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Profil en décalé
Bonjour alors voici mon problème, j'ai fait un design de façon à ce que ma barre de navigation se trouve un peu plus haute que la normal cf: http://age-hacker.forumactif.org/forum.htm
Mais dans la gestion du profil cela me donne ça à cause de mon css :
C'est pas très esthétique et je n'ai pas trouver d'autres moyen que mon code css pour positionner ma navigation là où elle est, peut-être pourriez-vous m'aider ?
Voici le code :
a.mainmenu {
position:relative;
top:-63px !important;
}
Merci d'avance pour votre aide.
Mais dans la gestion du profil cela me donne ça à cause de mon css :
C'est pas très esthétique et je n'ai pas trouver d'autres moyen que mon code css pour positionner ma navigation là où elle est, peut-être pourriez-vous m'aider ?
Voici le code :
a.mainmenu {
position:relative;
top:-63px !important;
}
Merci d'avance pour votre aide.
Dernière édition par Ceress le Lun 07 Juin 2010, 20:02, édité 2 fois
Re: Profil en décalé
Bonsoir,
As-tu essayé de positionner avec "absolute" plutôt que "relative" :
As-tu essayé de positionner avec "absolute" plutôt que "relative" :
- Code:
a.mainmenu {
position: absolute;
top: 10px;
}
Re: Profil en décalé
Bonjour si je met absolute la barre de navigation disparait >_<
Re: Profil en décalé
Euh oui, normal, c'est pour ça que j'ai mis une valeur positive (10px, par exemple, qui est déjà très haut, à toi d'adapter)...
Re: Profil en décalé
Bonjour voilà ce que cela me donne sur mon forum de test x_x
a.mainmenu {
position: absolute;
top: 323px;
}
Merci.
a.mainmenu {
position: absolute;
top: 323px;
}
Merci.
Re: Profil en décalé
Bonjour,
Je me permets de poster
Il y a un autre moyen, c'est de passer par le template overall header new. C'est possible d'avoir le code de votre template ?
Cordialement.
Je me permets de poster
Il y a un autre moyen, c'est de passer par le template overall header new. C'est possible d'avoir le code de votre template ?
Cordialement.
Re: Profil en décalé
Bonjour pas de soucis mais il n'a pas été modifié le voici :
Merci <3
- Spoiler:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_ticker -->
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<!-- END switch_ticker -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN hitskin_preview -->
<style type="text/css">
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('https://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('https://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 10px;
font: italic normal 25px Arial,sans serif;
color: #fff;
}
#hitskin_preview h1 img {
vertical-align: middle;
}
#hitskin_preview em {
color: #7CBA2C;
font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}
#hitskin_preview .content {
text-align: right;
}
#hitskin_preview .content p {
margin: 4px 1em 0px 1em;
font-size: 13px;
line-height: 1.8em;
color: #fff;
font-weight: bold;
}
#hitskin_preview .content p span {
font-weight: normal;
font-size: 0.8em;
}
body {
margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>
<!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center -->
<td align="center" width="100%" valign="middle">
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<td>
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
</td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Merci <3
Re: Profil en décalé
J'ai modifié le template >
Et mettez ceci dans votre CSS >
Cordialement.
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- BEGIN meta_emulate_ie7 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<!-- END meta_emulate_ie7 -->
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_ticker -->
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<!-- END switch_ticker -->
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN hitskin_preview -->
<style type="text/css">
#hitskin_preview {
margin: 0; padding: 0;
position: fixed;
top: 0; left: 0;
width: 100%;
height: 65px;
background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
float: left;
margin: 3px 0 0 0;
padding: 0 0 0 10px;
font: italic normal 25px Arial,sans serif;
color: #fff;
}
#hitskin_preview h1 img {
vertical-align: middle;
}
#hitskin_preview em {
color: #7CBA2C;
font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}
#hitskin_preview .content {
text-align: right;
}
#hitskin_preview .content p {
margin: 4px 1em 0px 1em;
font-size: 13px;
line-height: 1.8em;
color: #fff;
font-weight: bold;
}
#hitskin_preview .content p span {
font-weight: normal;
font-size: 0.8em;
}
body {
margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>
<!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="position_menu" style=" width: 100%;" align="center">{GENERATED_NAV_BAR}</div>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center -->
<td align="center" width="100%" valign="middle">
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}</span>
</td>
<!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right -->
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<td>
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
</td>
<!-- END switch_logo_right -->
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}></td>
</tr>
</table>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Et mettez ceci dans votre CSS >
- Code:
#position_menu {
top: 50px;
position: absolute;
}
Cordialement.
Re: Profil en décalé
Bonjour et merci pour ton aide j'ai effectuer les modifications mais ma navigation à disparu >_<
http://rei-test.forumactif.fr/index.htm
http://rei-test.forumactif.fr/index.htm
Re: Profil en décalé
Anzumi, je ne pense pas qu'il faille passer par le template pour positionner la navbar, mais bon, soit.
Par contre encore moins juste balancer un template modifié sans rien expliquer... Et si Caress veut modifier quelque chose ultérieurement ? A mon sens c'est plus utile d'apprendre...
Sur ce, je ne comprends pas comment ça peut marcher si tu sépares cette variable des autres dans le code :
Caress, alors en partant du tuto de Anzumi, essayons en remettant d'abord le template overall_header par défaut en cliquant sur la croix > Valide.
Ensuite ouvre ce même template et cherche (Ctrl+F) la cellule (td) :
Dans la feuille de style CSS on reprend :
Par contre encore moins juste balancer un template modifié sans rien expliquer... Et si Caress veut modifier quelque chose ultérieurement ? A mon sens c'est plus utile d'apprendre...
Sur ce, je ne comprends pas comment ça peut marcher si tu sépares cette variable des autres dans le code :
<div id="position_menu" style=" width: 100%;" align="center">{GENERATED_NAV_BAR}</div>
Caress, alors en partant du tuto de Anzumi, essayons en remettant d'abord le template overall_header par défaut en cliquant sur la croix > Valide.
Ensuite ouvre ce même template et cherche (Ctrl+F) la cellule (td) :
- Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
<td id="position_menu" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
Dans la feuille de style CSS on reprend :
En bleu ce sont le nombre de pixels pour positionner depuis le haut, et depuis la gauche ce qui est nécessaire avec le positionnement "absolute", mais que tu adapteras comme tu le veux.#position_menu {
position: absolute;
width: 99%;
top: 10px; left: 30px;
}
Re: Profil en décalé
Final > Si tu veux faire ce genre de commentaire c'est par MP la prochaine fois. On est là pour aider, c'est pas une compétition entre celui ou celle qui donnera la meilleure réponse. Je n'ai pas à me justifier mais, tous les membres ne veulent pas une explication, si Ceress veut en savoir plus, je lui expliquerai sans problème
Le code est sensé fonctionner puisque je l'ai testé sur deux forums et il n'y a pas eu de problème.
Ceress > Vous avez testé ce que vous a expliqué Final ?
Cordialement.
Le code est sensé fonctionner puisque je l'ai testé sur deux forums et il n'y a pas eu de problème.
Ceress > Vous avez testé ce que vous a expliqué Final ?
Cordialement.
Re: Profil en décalé
Bonjour et merci pour votre aide, tout d'abord c'est Ceress mais je te pardonne Final beaucoup font l'erreur =p Ensuite j'ai beau changer les valeurs avec l'explication de Final' ma barre de navigation est toujours inexistante ... x_x C'est pas faute d'avoir tenter à coup de -10, 10, 60, 120 dans les deux méthodes...
Re: Profil en décalé
Sorry pour la confusion Ceress.
Pour le code, tu as mis une valeur négative -60 pixels, or en position "absolute", suivant la taille standard d'un écran, la navbar sort du champ :
Azumi,
Désolée que tu es pris cela comme une attaque.
C'était pour moi toujours dans le cadre de cette entraide, (donc pas à passer par mp selon ma paresse légendaire), surtout la question "comment ça peut marcher ainsi ?" et non une demande de justification.
Si je me suis permise de "l'ouvrir", c'est parce que j'étais sur le sujet, c'est tout.
Pour le code, il fonctionne oui, mais pourquoi déplacer une variable alors qu'on peut le faire sur place, que c'est plus facile à s'y retrouver par la suite ?
Mais bon, à chacun son truc...
Pour le code, tu as mis une valeur négative -60 pixels, or en position "absolute", suivant la taille standard d'un écran, la navbar sort du champ :
Ormis cette erreur, je ne vois pas pourquoi ça ne fonctionnerait pas...#position_menu {
position: absolute;
width: 99%;
top: -60px; left: 10px;
}
Azumi,
Désolée que tu es pris cela comme une attaque.
C'était pour moi toujours dans le cadre de cette entraide, (donc pas à passer par mp selon ma paresse légendaire), surtout la question "comment ça peut marcher ainsi ?" et non une demande de justification.
Si je me suis permise de "l'ouvrir", c'est parce que j'étais sur le sujet, c'est tout.
Pour le code, il fonctionne oui, mais pourquoi déplacer une variable alors qu'on peut le faire sur place, que c'est plus facile à s'y retrouver par la suite ?
Mais bon, à chacun son truc...
Re: Profil en décalé
Bonjour, oui j'ai essayer avec du négatif car j'ai beau essayer de mettre du 40, 60,100 ça ne marche pas je ne vois pas ma barre ^^'
Re: Profil en décalé
Pfiou, tu dis que tu n'as pas touché à ton template avant ???
Je ne vois vraiment pas pourquoi ça ne marcherait pas chez toi alors que chez moi ça fonctionne et même chose avec Google Chrome, Mozilla, IE8 et Opera...
Il faut dire que ton CSS est quelque peu "fouillis" avec des codes qui reviennent parfois 4 fois... Il faut savoir que si tu mets un même identifiant plusieurs fois, c'est le dernier qui sera prioritaire.
Je ne vois vraiment pas pourquoi ça ne marcherait pas chez toi alors que chez moi ça fonctionne et même chose avec Google Chrome, Mozilla, IE8 et Opera...
Il faut dire que ton CSS est quelque peu "fouillis" avec des codes qui reviennent parfois 4 fois... Il faut savoir que si tu mets un même identifiant plusieurs fois, c'est le dernier qui sera prioritaire.
Re: Profil en décalé
Non je n'ai rien touché avant et la taille de mon écran est de 1280*800 je ne sais pas si ça joue.. :/
Re: Profil en décalé
Hum, j'avoue ne pas comprendre pourquoi ça ne fonctionne pas pour toi ?
En mettant exactement ton CSS (sauf pour le top du menu remis à 10px), voilà ce que j'obtiens :
En mettant exactement ton CSS (sauf pour le top du menu remis à 10px), voilà ce que j'obtiens :
Re: Profil en décalé
Bonjour j'ai trouver d'où vient le problème mais ne sais pas le résoudre, en fait lorsque j'enlève ma bannière : https://2img.net/h/oi49.tinypic.com/307nldt.png je vois ma navigation hors je voudrais que ma navigation se positionne sur ma barre bleu présente sur ma bannière mais il semblerais que le code soit caché derrière ma bannière ^^'
Re: Profil en décalé
En mettant ta bannière dans la gestion des images à la place du logo (centré) et dans le CSS :
Voici ce que j'ai :#position_menu {
position: absolute;
width: 99%;
top: 340px; left: 30px;
}
Re: Profil en décalé
Bonsoir merci pour ton aide, je comprends pas ta phrase au dessus (je suis fatiguée désolée T_T) je dois mettre mon image autre part que dans "logo du forum" ?
Re: Profil en décalé
Nope, je disais justement que c'est là que je l'avais mis et dans "entête et navigation" sur la position "centré".
Rien dans le CSS concernant le logo, et avec ce positionnement la navbar est à peu près placée dans la cadre bleu.
Rien dans le CSS concernant le logo, et avec ce positionnement la navbar est à peu près placée dans la cadre bleu.
Re: Profil en décalé
Ca ne marche pas chez moi, si je met un cran au dessus la navigation est caché par la ban et si je la met avec le code que tu as mis elle est en dessous de ma bannière T_T"
Re: Profil en décalé
Essaie de supprimer ce code de ton CSS :
Après, il faut que tu ajustes les valeurs de positionnement de la navbar bien sûr. Nous n'avons pas les mêmes propriétés sur nos deux forums...
- Code:
#i_logo {
bottom:12px;
position:relative;
}
Après, il faut que tu ajustes les valeurs de positionnement de la navbar bien sûr. Nous n'avons pas les mêmes propriétés sur nos deux forums...
Re: Profil en décalé
Ca fonctionne merci, mais le soucis c'est que
me servait à enlever le "vide" sur le dessus de la bannière : http://rei-test.forumactif.fr/index.htm
#i_logo {
bottom:12px;
position:relative;
}
me servait à enlever le "vide" sur le dessus de la bannière : http://rei-test.forumactif.fr/index.htm
Re: Profil en décalé
Ah ok, essaie d'ajouter plutôt ceci :
- Code:
img#i_logo {margin-top: -10px;}
#position_menu {
position: absolute;
width: 99%;
top: 327px; left: 30px;
}
Dernière édition par Final-Blond le Lun 07 Juin 2010, 19:55, édité 1 fois
Re: Profil en décalé
Ca fonctionne parfaitement merci milles fois pour ton aide !! /kiss
Re: Profil en décalé
Ah enfin !
Et je t'en prie.
Et je t'en prie.
Re: Profil en décalé
Ah final j'ai encore un petit soucis sur le forum que je voulait modifier, ma navigation est trop haute >_< http://age-hacker.forumactif.org/forum.htm j'ia beau changer de valeur ça reste planter là..
Édite: je n'ai rien dit j'avais oublier d'enlever l'autre code désolée ><
Edite2: Finalement ce ne change rien ma barre de navigation est bien placé mais les textes des profils sont à nouveau comme sur le screen de mon premier poste T_T''
Édite: je n'ai rien dit j'avais oublier d'enlever l'autre code désolée ><
Edite2: Finalement ce ne change rien ma barre de navigation est bien placé mais les textes des profils sont à nouveau comme sur le screen de mon premier poste T_T''
Re: Profil en décalé
Erf, tu as des données complétement contradictoires dans ton CSS !
Exemple .
Il faut absolument que tu gardes tes codes en ordre (regrouper les codes qui vont ensemble, ne pas faire de codes doubles et supprimer un code si tu le reprends plus bas), sinon tu risques de ne pas du tout arriver à ce que tu voudrais...
Exemple .
Supprime le code en rouge.EN HAUT :
#position_menu {
position: absolute;
width: 99%;
top: 340px; left: 30px;
}
PLUS BAS :
a.mainmenu {
position:relative;
top:-63px !important;
}
Il faut absolument que tu gardes tes codes en ordre (regrouper les codes qui vont ensemble, ne pas faire de codes doubles et supprimer un code si tu le reprends plus bas), sinon tu risques de ne pas du tout arriver à ce que tu voudrais...
Re: Profil en décalé
Meric je suis vraiment fatiguer pour oublier ce genre de détails comme ça >< Merci encore de m'avoir aider tout est parfait à présent, bonne soirée à toi (:
Sujets similaires
» Profil décalé
» Menu de l'édition de profil décalé
» Avatar du profil décalé sur Chrome
» 1er champ dans le profil décalé
» profil avancé décalé et intouchable
» Menu de l'édition de profil décalé
» Avatar du profil décalé sur Chrome
» 1er champ dans le profil décalé
» profil avancé décalé et intouchable
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum