Marges Header ~

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

Résolu Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 0:49

Re-bonsoir, j'ai fais plusieurs essais non concluants pour tenter d'éliminer les marges présentes autours du logo de mon forum, celles de droite, de gauche, du bas ( navigation " collée " sous le logo, enlever l'espace ) et du haut. Ces marges ci: http://img593.imageshack.us/img593/8592/sansre29.png

J'ai notamment entré ceci dans ma feuille CSS, code que jai trouvé en faisant une recherche sur ce forum:

Spoiler:
#i_logo {
margin-left: -10px;
margin-top: -10px;;
margin-right: -10px;
}

Mais malheureusement rien n'a bougé ! :/


Dernière édition par chienchila le Ven 17 Juin 2011 - 2:54, édité 1 fois

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par diedblack le Ven 17 Juin 2011 - 1:06

Premièrement, Un lien vers votre forum serais utile pour évaluer le problème, par la suite, copier-collé votre CSS ici pour que des personnes qualifier puisse l'évaluer et pour finir, Avez-vous des templates modifier?

Et puis, J'ai déjà vue se problème http://forum.forumactif.com/t279942-reduire-la-marge-autour-du-logo
La personne avais oublier de réduire la largeur de sont forum.

AVez-vous essayer?

Je suggère de réduire la largeur de votre forum et par la suite introduire ce code dans votre CSS
Code:
div#page-header span.corners-top {
  height: 0px;
}

diedblack
****

Masculin
Messages : 206
Inscrit(e) le : 09/04/2011

http://www.frsociety.com
diedblack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par SoraNoHime le Ven 17 Juin 2011 - 1:16

bonsoir chienchila Very Happy

pour le haut vous pouvez essayé la méthode de diedblack, par contre pour la taille avec le bodyline, il me faudrait votre overall_header, la taille de votre forum et la taille de votre logo en largeur.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 1:18

Voici le forum en question: http://revolufly-machine.forumactif.org/

Ma fiche CSS (sachant que le code concernant les marges est en toute fin ):

Spoiler:
table.forumline {border:4px solid #70594A;}
.maintitle, .maintitle h1{text-decoration: none;}
a.gen,a.genmed,a.gensmall {text-decoration: none;}
a.gen:hover,a.genmed:hover,a.gensmall:hover{text-decoration: none;}
.mainmenu
a.mainmenu{text-decoration: none;}
a.cattitle{text-decoration: none;}
a.cattitle:hover{text-decoration: none;}
a.forumlink {text-decoration: none;}
a.forumlink:hover{text-decoration: none;}
a.nav{text-decoration: none;}
a.nav:hover{text-decoration: none;}
a.topictitle:link{text-decoration: none;}
a.topictitle:visited{text-decoration: none;}
a.topictitle:hover{text-decoration: underline;}
a.postlink:link{text-decoration: none;}
a.postlink:visited{text-decoration: none;}
a.postlink:hover{text-decoration: none;}
a.copyright{text-decoration: none;}
a.copyright:hover {text-decoration: none;}
.hierarchy {text-transform: lowercase;}

a.cattitle:hover{
text-decoration: none;
}
a.forumlink {
text-decoration: none;
color : none;
}
a.forumlink:hover{
text-decoration: none;
}

.code{
font-family: times new roman;
font-size: 12px;
color: #434343;
background-color: #A18E82;
border: #89776C;
border-style: solid;
border-left-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
}

.forumline
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }

tr.post span.gensmall { display: none; }

a {
text-transform: lowercase ;
letter-spacing: 1px;}

a:hover
{
font-style: italic
}


.body{
cursor:crosshair;}

a {font-variant: small-caps;}




.forumline{
background-color: none;
}


.statistiques{
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:50px;}

.groupes{
background-color:none;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;
}



/* ------------------------------------ {Qui est en ligne} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
}

.groupes
{
text-transform: lowercase;
font-size: 11px;
background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");
padding-left: 7px;
padding-right: 7px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.qeel_align
{
margin-left: 10px;
}

.qeel_birth
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
}

.qeel_texte
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");
padding-right: 8px;
padding-left: 8px;
text-align: justify;
width: 376px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.texte_qui
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");

padding-left: 10px;
padding-right: 10px;
}


/* ------------------------------------------------ {Tutoriel profil Alderia} ---------------------------------------- */
.tuto_alderia_profil
{
widht: TAILLEpx;
}

.tuto_alderia_topprofil
{
background-image: URL('http://img696.imageshack.us/img696/8505/vraiz.png');
background-repeat: no-repeat;
width: TAILLEpx;
height: TAILLEpx;
}

#tuto_alderia_centreprofil
{
background-image: URL('http://img696.imageshack.us/img696/8505/vraiz.png');
background-repeat: repeat;
width: TAILLEpx;
}

.tuto_alderia_footerprofil
{
background-image: URL('http://img696.imageshack.us/img696/8505/vraiz.png');
background-repeat: no-repeat;
width: TAILLEpx;
height: TAILLEpx;
}

.tuto_alderia_profilname
{
padding-top: TAILLEpx;
}

.tuto_alderia_profilrang
{
padding-top: TAILLEpx;
}

.profil_rpg
{
padding-left: TAILLEpx;
}

.tuto_alderia_profilinfo
{
padding-left: TAILLEpx;
}

body{
cursor: crosshair;
}
a:link{
cursor: crosshair;
}
a:visited{
cursor: crosshair;
}


.postbody {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align:justify;
}



.bodyline
{border-left: 10px #70594A solid;
border-right: 10px #70594A solid;}


tr.post span.gensmall { display: none; }


textarea {color:none ;}
background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");



td.row1
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

td.row2
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

td.row3
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

td.rowpic
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

th
{background-image: url("http://img263.imageshack.us/img263/4189/fond2pz.png");}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}


.bodyline{
background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");
}

a.forumlink {
text-shadow: none;
}

table.forumline
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

.maintitle, .maintitle h1
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}
a.gen,a.genmed,a.gensmall
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}
a.gen:hover,a.genmed:hover,a.gensmall:hover
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}
.mainmenu
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

td.row1,td.row3.over:hover
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

td.row1.over:hover,td.row2
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}
td.row3
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}
td.rowpic
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}
table
{background-image: url("http://img202.imageshack.us/img202/2989/fond1s.png");}

.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
background: #A18E82 repeat scroll 0 0;
border-color: #89776C;
border-style:solid;
border-width:1px 1px;
color:#434343;
margin-left:1px;
margin-right:1px;
margin-top:1px;
padding:5px 5px 5px 25px;
}

.description span.corners-top { background-image: none; }
.description span.corners-top span { background-image: none; }
.description span.corners-bottom { background-image: none; }
.description span.corners-bottom span { background-image: none; }

.police{
font-family: "times new roman";
font-size: 20px;}

#i_logo {
margin-left: -10px;
margin-top: -10px;;
margin-right: -10px;
}

body{margin-top: 0px;}

body{margin-bottom: 0px;}


a { text-decoration: none; }

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 2px solid #70594A;
}

div#page-header span.corners-top {
height: 0px;
}.

Et oui j'ai effectivement des templates modifiés, mais je n'ai jamais touché aux templates concernant le header, j'ai effectivement été voir ce sujet, j'ai aussi eu cette idée mais aucun changement même en modifiant la largeur du forum. J'ai une nouvelle fois essayé en insérant votre code, et rien n'a bougé... ce qui est étrange c'est que sous firefox, le logo n'a plus de marge en haut mais toujours sur les côtés, sur internet explorer il y a toutes les marges. Confused

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 1:21

Oh, bonsoir Macema ! Razz

l'Overall_header:

Spoiler:
<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<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" />
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<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="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->

<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->

<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});

switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;

case 'left':
break;

case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;

case 'right':
auto_dir = 'prev';
break;

default:
slid_vert = true;
}

$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();

if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);

/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');

/* Calcul des dimensions du conteneur et des éléments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;

/* Calcul de la hauteur maximale du contenur en fonction des éléments et de la hauteur personnalisée dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );

/* Redimensionnement des éléments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});

/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}

/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->

<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 = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->

<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");

$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->

<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</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}


<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>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>


<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>


<span class="gen">{SITE_DESCRIPTION}
  </span>
</td>
<!-- BEGIN switch_logo_right -->
<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_new -->
<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">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->

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


Le forum fait actuellement 75%, et mon logo fait 800*450 !

EDIT: oh ben, sous firefox tout est niquel finalement, plus aucunes marges ! Mais il y auait un moyen pour que le résultat soit aussi visible pour internet exlorer ? :/

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par SoraNoHime le Ven 17 Juin 2011 - 1:25

Embarassed vous allez finir par m'adopter.

Avant toutes modifications, essayez de réduire la largeur du forum à 800px si vous le voulez, ou d'augmenter la taille de votre logo de 800 x 450, à 915 x 515.

Est-ce que les marges sont toujours présentes sous IE ? (sachant qu'IE n'est jamais aux normes avec les codes css)

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 1:48

Je signe quand vous voulez ! Laughing I love you
800, vous voulez dire 80 plutôt non ? :0 J'ai tenté, aucun changement, et si je change la taille du logo il sera tout flou ensuite je préfèrerais ne pas y toucher ... Embarassed

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par SoraNoHime le Ven 17 Juin 2011 - 1:53

C'était juste pour des tests je vous rassure. Le but étant de donner la même taille au logo et au forum.

Pas de changement, ok, j'épluche votre css et l'overall_header.

Edit : En fait c'est votre barre de navigation qui allonge votre forum. Si vous enlever le forcing pour qu'elle reste sur une seule ligne, le logo se possitionne correctement.

La css étant impraticable du coup, les seules solutions que je peux vous offrir sont :

1. Mettre votre barre de navigation en haut de la page.

2. Séparer votre logo du tour du forum. Autrement dit, le tour du forum commencerait sous le logo

3. Mettre votre barre de navigation non forcée sur une ligne.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 2:28

Merci beaucoup pour votre attention Macema Smile
3. Mettre votre barre de navigation non forcée sur une ligne.

Comment dois-je m'y prendre ?

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par SoraNoHime le Ven 17 Juin 2011 - 2:29

Tout betement, aller dans PA > Affichage > Entete & Navigation

Forcer la barre de navigation à rester sur une ligne : non et enregistrez.

^^ C'est des trois le plus simple.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 2:42

Oh, c'est déjà coché sur " non " ! x)
Ca ne fait rien, tant pis, je me sers surtout de firefox, j'étais juste curieuse de connaitre d'où venait ce changement soudain d'un navigateur à un autre. Par contre, une toute petite dernière question et après promis je vous laisse ! \o/

http://img217.imageshack.us/img217/9550/sansre4s.png

Comment puis-je enlever cet effet " relief " des boutons ? é.è

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par SoraNoHime le Ven 17 Juin 2011 - 2:48

Oui les navigateurs sont capricieux de l'un à l'autre, par contre vous pouvez mettre un message indiquant à vos membres que le forum est optmisé pour tel ou tel navigateur.

Pour l'effet relief essayez ceci , mais sans garantie ^^

Code:
input {
border : 1px dashed #ff0000;}

button {
border : 1px dashed #ff0000;}

A personnaliser

cela va par contre se répercuter sur l'ensemble du forum.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par chienchila le Ven 17 Juin 2011 - 2:53

A vrai dire tant mieux, et le code fonctionne, merci x100 pour la énième fois ! Razz
Problème résolu, bonne nuit à vous Macema !

chienchila
****

Féminin
Messages : 372
Inscrit(e) le : 09/09/2005

http://poetic-animal.forumpro.fr/
chienchila a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Marges Header ~

Message par SoraNoHime le Ven 17 Juin 2011 - 2:54

Bonne nuit également.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime 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