Bannière de fond qui ne se réduit pas selon la taille de l'écran. Urgent plese !
2 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
Bannière de fond qui ne se réduit pas selon la taille de l'écran. Urgent plese !
Bonjour.
J'espère que vous pourrez m'aider, j'ai recherché de partout, ici et ailleurs je n'ai rien trouvé. Pour un forum source comme le mien, c'est vraiment une urgence.
♥
# L'adresse de votre forum : http://www.kristenstewartfrance.com/forum.htm
# Explications du problème :
Alors en faite, j'ai changé notre design hier soir, pour mon ordi comme d'hab tout va bien le header apparait en entier. Pour les écrans plus grand, comme toujours y a un coter du fond (de couleur) qui apparait à gauche. Mais pour les ordis plus petits, alors que normalement tout devrait être plus petit enfin c'est logique. Ben tout devient plus petit pour s'adapter à l'écran, sauf la bannière qui elle ne s'affiche pas en entier. Regardez mon forum au lieu de voir le "Kristen Stewart France" en noir de la bannière de fond, eux ils voient "Kristen S".
Ma bannière de fond est de 1372x700 et la largeur du forum est de 70%.
# Le navigateur utilisé : Mozilla.
# Les codes ajoutés avant le problème :
Il semblerait que c'est apparu directement dès que j'ai mis le design, pour certains. Comme juste avant j'avais modifié des templates et le css et vu que pour toutes les autres fois cela ne me l'avait jamais fait je suppose que ça vient de là donc :
CSS
# La version du forum :
# Problème de CSS ou HTML : Surement un CSS.
# Une capture d'écran.
PS : J'ai essayé de voir si cela ne venait pas du logo transparent en changeant la taille, il semble que non.
J'espère que vous pourrez m'aider, j'ai recherché de partout, ici et ailleurs je n'ai rien trouvé. Pour un forum source comme le mien, c'est vraiment une urgence.
♥
# L'adresse de votre forum : http://www.kristenstewartfrance.com/forum.htm
# Explications du problème :
Alors en faite, j'ai changé notre design hier soir, pour mon ordi comme d'hab tout va bien le header apparait en entier. Pour les écrans plus grand, comme toujours y a un coter du fond (de couleur) qui apparait à gauche. Mais pour les ordis plus petits, alors que normalement tout devrait être plus petit enfin c'est logique. Ben tout devient plus petit pour s'adapter à l'écran, sauf la bannière qui elle ne s'affiche pas en entier. Regardez mon forum au lieu de voir le "Kristen Stewart France" en noir de la bannière de fond, eux ils voient "Kristen S".
Ma bannière de fond est de 1372x700 et la largeur du forum est de 70%.
# Le navigateur utilisé : Mozilla.
# Les codes ajoutés avant le problème :
Il semblerait que c'est apparu directement dès que j'ai mis le design, pour certains. Comme juste avant j'avais modifié des templates et le css et vu que pour toutes les autres fois cela ne me l'avait jamais fait je suppose que ça vient de là donc :
CSS
- Spoiler:
- .forumline{
border: 1px #a08491
dashed;
}
.bodyline{
background-color: #transp;
border: 1px #a08491
dotted;
}
u{border-bottom: 1px dotted;border-color:#000000;text-decoration: none
}
I{border-bottom:none; color:#b3234c;text-decoration: none
}
a:hover {
text-decoration: none ; color: black ; border-bottom: 1px dotted #704a5c;
}
.bodylinewidth {
width:60%}
a img {
border: none;
}
a.cattitle{
text-decoration: none;
color : #353f43;
}
a.cattitle:hover{
text-decoration: none;
}
.forumlink{
font-weight: bold;
font-size: 12px;
color : #353f43;
}
a.forumlink {
text-decoration: none;
color : #353f43;
}
a.forumlink:hover{
text-decoration: none;
color : #cf869b;
}
a.nav{
text-decoration: none;
color : #ac8289;
}
a.nav:hover{
text-decoration: none;
}
a.topictitle:visited{
text-decoration: none;
color : #dba1c1;
}
a.topictitle:hover{
text-decoration: none;
color : #c497bf;
}
a.postlink:hover{
text-decoration: none;
color : #c497bf}
a.gen:hover,a.genmed:hover,a.gensmall:hover{
color: #c497bf;
text-decoration: none;
}
a.mainmenu{
text-decoration: none;
text-align : center ;
color : #ffffff;
}
a.mainmenu:hover{
text-decoration: none;
color : #ad4e7b;
}
a.copyright:hover {
color: #dba1c1;
text-decoration: none;
}
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { background-color: #f0d0df; }
a:hover{text-transform:uppercase;}
.quote{
font-family: Tahoma;
font-size: 12px;
color: #9b6b6b;
line-height: 125%;
background-color: #ffffff;
border: #cfcdce;
border-style: solid;
border: 1px #a08491
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #9b6b6b;
background-color: #ffffff;
border: #cfcdce;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #a08491
dotted;}
.forumline {
border: 3px double #000000;
}
Pur
Neutre
Corrumpus
Scribouilleur
{TOTAL_POSTS}. {TOTAL_USERS}
{NEWEST_USER}
{TOTAL_USERS_ONLINE}
{LOGGED_IN_USER_LIST}
.img-whois {
float:center;
margin-right:1000px;
}
.bodyline {
border:0px solid #FCFCFC;
}
.tabeau {
border-collapse: collapse;
border: 2px solid #fefefd;
width: 100px;
}
.tabeau td {
border: 1px solid #f2f3f2;
background-color: #e7e7e6;
}
.statistiques{
border:0px;
background-image: url("");
background-repeat: no-repeat;
background-position: center;
height:290px;}
.groupes{
background-color:#FFFFFF;border: 1px #FFFFFF dotted;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}
.bodyline {
-moz-border-radius:10px;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
.forumline{
background-color: #COULEUR;
-moz-border-radius: 10px ;
border: 3px #D9C7C0 solid;
}
body {
background-repeat: no-repeat;
}
body {
background-repeat: no-repeat;
}
.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: 7px solid #EAEAEA;
}
.box {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#DCCEC0;
color:#718C91;
font-size:11px;
margin:0;
padding:3px 10px;
}
.boxtitle {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#000000;
color:#F0F0F0;
display:block;
font-size:11px;
font-weight:bold;
margin:0 0 5px;
padding:3px 10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
a.imginfo {
margin:0px;
padding:0px;
position:relative;
text-decoration:none;
}
a.imginfo span {
color:#000000;
font-size:11px;
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
cursor: url("adressedevotrecurseur.cur");
-moz-border-radius : 5px 5px 5px 5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#d8c8c4;
border:1px solid #ffffff;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}
#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
color: #FFF;
background-color: #000000;
border: 1px solid #ccc;
text-decoration: none;
}
#navigation li a:hover{
background-color: #333333;
color: #ffffff;
}
.forumline{
background-color: #EAEAEA;
-moz-border-radius: 10px ;
border: 4px #000000 solid;
}
.vignettes
{-moz-border-radius:5px;
background-color: #000000;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}
a.mainmenu {background-color:#000000;}
tr.post td {padding-left: 20px;}
a.mainmenu
{
text-align : center ;
font-size: 11px;
background-color: #010101;
border-top: 1px;
border-left: 1px solid #B66566;
border-right: 1px solid #B66566;
-moz-border-radius:7px;
border: 1px #000000;
double;
padding-left: 3px;
padding-right: 3px;
margin-left: 3px;
margin-right: 3px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-radius: 2;
}
.barre_de_navigation
{
position: absolute;
top : 0 ; left : 0 ;
width : 100% ;
text-align : center ;
}
.boite
{
height: 110px;
overflow: auto;
background-color: #010101;
}
a.imginfo {
border-bottom:0 solid #000000;
color:##DCCEC0;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border-color:#DCCEC0;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.traduction {
background-image: url('https://2img.net/r/hpimg10/pics/860278jj19.jpg'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #FEFEFE; /*--- Couleur de fond ---*/
border: 2px solid #737373; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
font-size: 11px;
padding-left: 155px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 70px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.aide {
background-image: url('https://2img.net/r/hpimg10/pics/935632Sans_titre_2.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #000000; /*--- Couleur de fond ---*/
border: 1px solid #FE0101; /*--- Taille, type et couleur de la bordure ---*/
color: #FEFEFE; /*--- Couleur du texte ---*/
font-size: 11px;
padding-left: 158px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 70px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.reglement {
background-image: url('https://2img.net/r/hpimg7/pics/788855Sans_titre_1.png'); /*--- Image de la corbeille ---*/
background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/
background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/
background-color: #C0BFC0; /*--- Couleur de fond ---*/
border: 3px solid #FE0101; /*--- Taille, type et couleur de la bordure ---*/
color: #000000; /*--- Couleur du texte ---*/
font-size: 11px;
padding-left: 155px; /*--- On espace la bordure gauche du texte de 55px ---*/
min-height: 70px; /*--- On donne une taille minimale de 60px au tableau ---*/
}
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 2px;
}
.onglet_0
{
background:#000000;
border-bottom:1px solid black;
}
.onglet_1
{
background:#000000;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#000000;
border:2px solid black;
margin-top:16px;
padding:5px;
display:none;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 2px;
}
#navig ul{
list-style-type: none;
text-align: center;
}
#navig li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navig li a {
padding: 2px 7px 2px 7px;
color: #FFF;
background-color: #000000;
border: 1px solid #ccc;
text-decoration: none;
}
#navig li a:hover{
background-color: #333333;
color: #ffffff;
}
a.forumlink {
border-bottom:5px double #000000;
display:block;
}
a.forumlink:hover {
border-bottom:5px double #CBC4BE;
display:block;
}
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/
background-color: #000000; /*--- On donne une couleur au fond ---*/
-moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/
-webkit-border-radius: 0px 35px 35px 0px;
border-radius: 0px 35px 35px 0px;
}
- 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 --> <script language=javascript src=http://www.kristenstewartfrance.com/onglet-h6.htm></script></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}
<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>
<span class="gen">{SITE_DESCRIPTION}
</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>
<div class="maintitle">{MAIN_SITENAME}</div>
<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>
<span class="gen">{SITE_DESCRIPTION}
</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}><div class="barre_de_navigation">{GENERATED_NAV_BAR}</div></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 -->
- Spoiler:
<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}
{CURRENT_TIME}
</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>
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- 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"><table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></td></tr></table>
</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 -->
<table width="100%"><tr><td align="right"><span class="gensmall"> <b>{catrow.forumrow.POSTS}</b> messages ; <b>{catrow.forumrow.TOPICS}</b> sujets.</span></td></tr></table>
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</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 -->
# La version du forum :
# Problème de CSS ou HTML : Surement un CSS.
# Une capture d'écran.
PS : J'ai essayé de voir si cela ne venait pas du logo transparent en changeant la taille, il semble que non.
Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Urgent plese !
Bonsoir,
Avec une bannière en fond, il n'y a pas moyen de faire autrement. Dans tous les cas, une image ne va pas s'adapter à la résolution. Plus l'écran est grand, plus l'image apparaîtra; plus l'écran est petit, plus elle disparait ..
Cordialement.
Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Urgent plese !
Oh merci . ^^
Problème résolu alors.
Problème résolu alors.
Sujets similaires
» Ajustement différent des valeurs numériques selon la taille de l'écran
» Cellule Auteur qui varie selon la taille de l'avatar du posteur.
» Comment mettre une image en fond lorsque notre bannière est déjà le fond ?
» Fond Selon la résolution de l'utilisateur
» Fond selon le Pseudo d'un membre ?
» Cellule Auteur qui varie selon la taille de l'avatar du posteur.
» Comment mettre une image en fond lorsque notre bannière est déjà le fond ?
» Fond Selon la résolution de l'utilisateur
» Fond selon le Pseudo d'un membre ?
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