CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Des petits dysfonctionnements | |
| Psycho
Psychopathe
Messages : 3407
| Hello =D Ce soir est un grand soir \o/ Enfin, je poste un problème (x Depuis le temps que je tourne en rond x_X Alors normalement ça devrait être simple et rapide mais comme je suis une calamité en CSS ça risque d'être stupide (x Problème number ouane :J'ai utilisé ce tutoriel et le problème est que ma bannière s'affiche en entier alors qu'en l'utilisant en tant que bannière fond (avant d'utiliser le tutoriel), elle s'adaptait automatiquement aux écrans. Là j'ai un ascenseur horizontal pour voir la bannière en entier. Alors est-ce un problème qu'on peut régler ou dois-je réduire moi-même la taille de ma bannière ? (Sachant que sur les grands écrans, il n'y a pas de soucis \o/) - Spoiler:
Le template overall_header : Ensuite problème number twou :J'ai utilisé ce code pour agrémenter mes descriptions Sur le forum en lui même nickel mais quand on va dans une catégorie, il se passe ça Comment faire pour que dès le départ la texture s'applique à la 4ème colonne ? oO Au cas où le template index_box Merci d'avance mes choupinouuuuus ** Je suis là si vous avez besoin d'une info supplémentaire ! <3 |
Dernière édition par Psycho le Mer 16 Fév 2011, 19:47, édité 2 fois | |
| | | Invité Invité
| Re Psycho ♥ Remplace cette ligne: - Code:
-
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> par celle-ci: - Code:
-
<table class="bodylinewidth" width="UNE TAILLE" cellspacing="0" cellpadding="10" border="0" align="center"> | | |
| | | Psycho
Psychopathe
Messages : 3407
| Ow Mario **
Avant de faire une erreur plus grosse que moi, le "UNE TAILLE" je le laisse comme ça ou je mets une taille justement ? XD (ça peut paraitre stupide ce que je demande XD) | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Ah ben non ^^' Le "UNE TAILLE", faut que tu le changes xDD | | |
| | | Psycho
Psychopathe
Messages : 3407
| Mais je remplace par quoi ? La taille de la bannière ? C'est ce que j'ai fais en faisant la première fois : - Code:
-
<table class="bodylinewidth" width="1429px" cellspacing="0" cellpadding="10" border="0" align="center"> Seconde fois : - Code:
-
<table class="bodylinewidth" width="1429" cellspacing="0" cellpadding="10" border="0" align="center"> Troisième fois (pourquoi pas hein XD) : - Code:
-
<table class="bodylinewidth" width="1429;" cellspacing="0" cellpadding="10" border="0" align="center"> Quatrième fois (après tout) : - Code:
-
<table class="bodylinewidth" width="1429px;" cellspacing="0" cellpadding="10" border="0" align="center"> Et ça ne fonctionne pas ^^' | | |
| | | Espeon
Administrateur
Messages : 1819
| Width est censé représenter la largeur de ta bannière effectivement... Après c'est peut-être plus complexe que cela, le mieux serait de copier/coller ici l'ensemble du code dans lequel ça se trouve pour qu'on s'en fasse une meilleure idée.
Dans le doute, essaye aussi style="width: 1492px;" à la place. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello Espeon (: J'ai essayé avec style="width: 1492px;" et ça m'a agrandi tout le forum, comme s'il voulait se mettre à la même taille que la bannière donc non XD Pour le code en entier, je l'ai posté dans mon premier message (:
Merci de vous pencher sur mes problèmes ** | | |
| | | Espeon
Administrateur
Messages : 1819
| Ca ça veut dire que ça marche donc !
Ca veut aussi dire que le tout est stylisé dans un tableau, donc forcément il veut garder la même taille... Il va falloir faire un choix mais je pense que le plus simple sera de mettre ta bannière à la taille du forum.
Je vais essayer de regarder le code pour une autre solution mais c'est le soucis de styliser avec des tableaux ça ^_^ En fait je suis allé trop vite en besogne, j'avais pas vraiment lu ton soucis (ce que je viens de faire). A mon avis c'est juste une question de pourcentage, je cherche le bon endroit où corriger ça et je t'envoi la version normalement corrigée
Bon c'est assez délicat à savoir si ça va fonctionner puisque le code est truffé de trucs à droite à gauche mais bon... Déjà je pense avoir repéré ton image. Essaye donc de remplacer ton template par cette version modifiée et dis moi ce que ça donne - Code:
-
<!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 --> <script language="javascript" src="http://sd-2.archive-host.com/membres/up/21247380925556843/onglets.js"></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="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}
<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 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}" style="width: 100%;" 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 class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline">
<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 -->
|
Dernière édition par Espeon le Mer 16 Fév 2011, 19:00, édité 2 fois | |
| | | Psycho
Psychopathe
Messages : 3407
| Espeon, j'apprécie énormément ton aide mais mon aura de modératrice me pousse à te dire de faire attention s'il te plait (x Les double voire triple posts sont interdits sur le forum, tu peux éditer tes messages, soit assuré que je viendrais vérifier de temps en temps où ça en est ^^ Merci d'y faire attention à l'avenir (: Sur ce, c'est génial ! Ça fonctionne parfaitement ! J'ai fais le test sur plusieurs ordi et c'est parfait ** Merci beaucoup ! Reste the problem number twou (x - Spoiler:
J'ai utilisé ce code pour agrémenter mes descriptions
Sur le forum en lui même nickel mais quand on va dans une catégorie, il se passe ça
Comment faire pour que dès le départ la texture s'applique à la 4ème colonne ? oO Au cas où le template index_box
| | |
| | | | Ilianna
{ Membre }
Messages : 14
| Salut Spycho. Peux-tu ré héberger ton image. Elle ne s'affiche pas chez moi. Étant visuel, je pourrai sans doute t'aider, mais sans image, un peu dure. Illy Édition. Essaie sa: - Code:
-
td.row1 { propriété: valeur; } td.row2 { propriété: valeur; } td.row3 { propriété: valeur; } td.row3Right { propriété: valeur; } | | |
| | | Espeon
Administrateur
Messages : 1819
| - Psycho a écrit:
Espeon, j'apprécie énormément ton aide mais mon aura de modératrice me pousse à te dire de faire attention s'il te plait (x Les double voire triple posts sont interdits sur le forum, tu peux éditer tes messages, soit assuré que je viendrais vérifier de temps en temps où ça en est ^^ Merci d'y faire attention à l'avenir (: Sur ce, c'est génial ! Ça fonctionne parfaitement ! J'ai fais le test sur plusieurs ordi et c'est parfait ** Merci beaucoup ! Reste the problem number twou (x - Spoiler:
J'ai utilisé ce code pour agrémenter mes descriptions
Sur le forum en lui même nickel mais quand on va dans une catégorie, il se passe ça
Comment faire pour que dès le départ la texture s'applique à la 4ème colonne ? oO Au cas où le template index_box
Le pire c'est que j'ai été modérateur/administrateur d'une sacré paire de forum, je suis impardonnable sur ce point (fouettez moi ). J'ai concaténé le tout dans un seul message... mais je ne peux pas supprimer moi-même mes derniers message, je te laisse faire le ménage Content que ça fonctionne, je vais essayer de regarder ton deuxième soucis... EDIT
Alors en fait c'est pas le bon template. Est-ce-que tu pourrais me donner le template topics_list_box s'il te plait ?
| | |
| | | Psycho
Psychopathe
Messages : 3407
| Oui, bien sur, le voici le voilà **
J'ignore s'il faut le préciser mais c'est un template auquel je n'ai jamais touché..
EDIT : Merci Ilianna de ton aide, mais ça ne résout par mon soucis qui réside dans l'affichage de l'image ^^ | | |
| | | Espeon
Administrateur
Messages : 1819
| Pas de soucis c'était surtout pour voir où il fallait frapper...
Bon remplace le CSS que tu as indiqué (de td.row1 à td.row4) par ce nouveau. Normalement, ça devrait fonctionner... - Code:
-
td.row1, td.row2, td.row3, td.row3Right, td.row4{ background-image: url("http://obsession27.free.fr/divers/fonds/gr2.jpg"); }
| | |
| | | Psycho
Psychopathe
Messages : 3407
| YEAAAAH \o/ Mon héros ** Merci beaucoup, ça fonctionne parfaitement <3
Je classe alors, encore merci <3
| | |
| | | Contenu sponsorisé
| | | | | Des petits dysfonctionnements | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|