Profil en décalé

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Profil en décalé

Message par Ceress le Mer 2 Juin 2010 - 11:25

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.


Dernière édition par Ceress le Lun 7 Juin 2010 - 20:02, édité 2 fois

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Mer 2 Juin 2010 - 20:11

Bonsoir,

As-tu essayé de positionner avec "absolute" plutôt que "relative" :
Code:
a.mainmenu {
position: absolute;
top: 10px;
}

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Mer 2 Juin 2010 - 22:37

Bonjour si je met absolute la barre de navigation disparait >_<

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Jeu 3 Juin 2010 - 9:36

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)... Wink

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Jeu 3 Juin 2010 - 11:02

Bonjour voilà ce que cela me donne sur mon forum de test x_x



a.mainmenu {
position: absolute;
top: 323px;
}

Merci.

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Anzu le Jeu 3 Juin 2010 - 11:44

Bonjour,

Je me permets de poster Razz
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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Jeu 3 Juin 2010 - 12:03

Bonjour pas de soucis mais il n'a pas été modifié le voici :

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('http://illiweb.com/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:expres​sion(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
z-index: 2;
background: transparent url('http://illiweb.com/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="http://illiweb.com/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 />&nbsp; </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 />&nbsp; </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

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Anzu le Jeu 3 Juin 2010 - 12:15

J'ai modifié le template >

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://illiweb.com/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://illiweb.com/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://illiweb.com/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 />&nbsp; </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 />&nbsp; </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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Jeu 3 Juin 2010 - 13:16

Bonjour et merci pour ton aide j'ai effectuer les modifications mais ma navigation à disparu >_<

http://rei-test.forumactif.fr/index.htm

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Ven 4 Juin 2010 - 9:34

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... Wink

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 suppr > 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>
Ici, on va lui donner un identifiant que l'on pourra ensuite gérer par le CSS :
<td id="position_menu" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

Dans la feuille de style CSS on reprend :
#position_menu {
position: absolute;
width: 99%;
top: 10px; left: 30px;
}
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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Anzu le Ven 4 Juin 2010 - 11:30

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 Wink

Le code est sensé fonctionner puisque je l'ai testé sur deux forums et il n'y a pas eu de problème. Razz

Ceress > Vous avez testé ce que vous a expliqué Final ?

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Ven 4 Juin 2010 - 11:32

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...

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Sam 5 Juin 2010 - 11:14

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 :
#position_menu {
position: absolute;
width: 99%;
top: -60px; left: 10px;
}
Ormis cette erreur, je ne vois pas pourquoi ça ne fonctionnerait pas...



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... dwarf

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 14:03

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 ^^'

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 17:04

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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 18:10

Non je n'ai rien touché avant et la taille de mon écran est de 1280*800 je ne sais pas si ça joue.. :/

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 18:56

Hum, j'avoue ne pas comprendre pourquoi ça ne fonctionne pas pour toi ? Confused
En mettant exactement ton CSS (sauf pour le top du menu remis à 10px), voilà ce que j'obtiens :


Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 18:59

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 : http://i49.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 ^^'

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 19:14

En mettant ta bannière dans la gestion des images à la place du logo (centré) et dans le CSS :
#position_menu {
position: absolute;
width: 99%;
top: 340px; left: 30px;
}
Voici ce que j'ai :


Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 19:18

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" ?

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 19:21

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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 19:23

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"

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 19:29

Essaie de supprimer ce code de ton CSS :
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...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 19:30

Ca fonctionne merci, mais le soucis c'est que
#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

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 19:52

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;
}
Environ...


Dernière édition par Final-Blond le Lun 7 Juin 2010 - 19:55, édité 1 fois

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 19:54

Ca fonctionne parfaitement merci milles fois pour ton aide !! /kiss

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 19:56

Ah enfin ! Mr. Green

Et je t'en prie.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 19:59

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''

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Final-Blonde le Lun 7 Juin 2010 - 20:07

Erf, tu as des données complétement contradictoires dans ton CSS !
Exemple .
EN HAUT :
#position_menu {
position: absolute;
width: 99%;
top: 340px; left: 30px;
}
PLUS BAS :
a.mainmenu {
position:relative;
top:-63px !important;
}
Supprime le code en rouge.

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... Confused

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en décalé

Message par Ceress le Lun 7 Juin 2010 - 20:12

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 (:

Ceress
***

Féminin
Messages : 106
Inscrit(e) le : 08/01/2008

http://lostuniverse.frbb.net/
Ceress a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum