probleme de lien menu horizontale
n'arrive pas à mettre en lien
Créations de Modules
oliver Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre oliver
- Inscrit le : 31/01/2010
Reprise du message précédent
Bon déja , merci de ton aide .C'est ok pour le menu ,j'ai dû aller dans design.css pour remonter le menu horizontal , pour le voir en IE.
Par contre le souci c'est la boite centrale elle est trop large, depuis que j'ai mis le menu horizontal avec ton codage.Je me trouve coincé ,sur design.css , j'ai essayé de réduire le div#global , cela resserre seulement le menu et pas le bloc.
Peux tu m'aider stp.
Ps : En fait je souhaite resserrer le bloc central comme sur l'image postée plus haut.
Édité par oliver Le 05/02/2010 à 12h52
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Peux tu me reposter ton fichier header.tpl que je revérifie ça.
Ouvres ton header.tpl avec Notepad++ (si tu ne l'a pas télécharges le ici), et appliques le langage HTML à ton fichier avant de me le copier dans ton post pour qu'il ressemble à ça :
Code TPL :
C'est ce que je vois en éditant ton code html de ton site et qu'il faudrait effacer en partie
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
oliver Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre oliver
- Inscrit le : 31/01/2010
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" > <head> <title>{SITE_NAME} : {TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="{SITE_DESCRIPTION} {TITLE}" /> <meta name="keywords" content="{SITE_KEYWORD}" /> <meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" /> <!-- Default CSS --> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/default.css" type="text/css" media="screen, print, handheld" /> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/framework/content/syndication/syndication.css" type="text/css" media="screen, print, handheld" /> <!-- Theme CSS --> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" /> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" /> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/generic.css" type="text/css" media="screen, print, handheld" /> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" /> <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/bbcode.css" type="text/css" media="screen, print, handheld" /> <!-- Alternative CSS --> {ALTERNATIVE_CSS} <link rel="shortcut icon" href="{PATH_TO_ROOT}/favicon.ico" type="image/x-icon" /> <link rel="alternate" href="{PATH_TO_ROOT}/syndication.php?m=news" type="application/rss+xml" title="RSS {SITE_NAME}" /> <script type="text/javascript"> <!-- var PATH_TO_ROOT = "{PATH_TO_ROOT}"; var TOKEN = "{TOKEN}"; --> </script> # IF C_BBCODE_TINYMCE_MODE # <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/content/tinymce/tiny_mce.js"></script> # ENDIF # <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/prototype.js"></script> <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/scriptaculous.js"></script> <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/global.js"></script> </head> <body> # IF C_MAINTAIN_DELAY # # IF C_ALERT_MAINTAIN # <div style="position:absolute;top:5px;width:99%;"> <div style="position:relative;width:400px;margin:auto;margin-top:30px;" class="warning"> {L_MAINTAIN_DELAY} <script type="text/javascript"> document.write('<div id="release">{L_LOADING}...</div>'); </script> <noscript> <strong>{DELAY}</strong> </noscript> </div> </div> # ENDIF # <script type="text/javascript"> <!-- var release_timeout_seconds = 0; function release(year, month, day, hour, minute, second) { if (document.getElementById('release')) { var sp_day = 86400; var sp_hour = 3600; var sp_minute = 60; now = new Date({MAINTAIN_NOW_FORMAT}+release_timeout_seconds++); end = new Date(year, month, day, hour, minute, second); release_time = (end.getTime() - now.getTime())/1000; if( release_time <= 0 ) { document.location.reload(); release_time = '0'; } else timeout = setTimeout('release('+year+', '+month+', '+day+', '+hour+', '+minute+', '+second+')', 1000); release_days = Math.floor(release_time/sp_day); release_time -= (release_days * sp_day); release_hours = Math.floor(release_time/sp_hour); release_time -= (release_hours * sp_hour); release_minutes = Math.floor(release_time/sp_minute); release_time -= (release_minutes * sp_minute); release_seconds = Math.floor(release_time); release_seconds = (release_seconds < 10) ? '0' + release_seconds : release_seconds; document.getElementById('release').innerHTML = '<strong>' + release_days + '</strong> {L_DAYS} <strong>' + release_hours + '</strong> {L_HOURS} <strong>' + release_minutes + '</strong> {L_MIN} <strong>' + release_seconds + '</strong> {L_SEC}'; } } if ({UNSPECIFIED}) release({MAINTAIN_RELEASE_FORMAT}); else { if (document.getElementById('release')) document.getElementById('release').innerHTML = '<strong>{DELAY}</strong>'; } --> </script> # ENDIF # <div id="global"> <div id="header_container"> <div id="header"> <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1> # IF C_MENUS_HEADER_CONTENT # {MENUS_HEADER_CONTENT} # ENDIF # </div> <div id="sub_header"> <div class="menu_horizontal"> <ul class="menu_horizontal"> <li> <a href="http://www.lepyms.com/boost/" title=""><img src="http://www.lepyms.com/boost/images/oliver/bouton_menu_horizontale/accueil.png" class="valign_middle" alt=""></a> <a href="http://www.lepyms.com/boost/" title=""></a> </li> <li> <a href="http://www.lepyms.com/boost/pages/pages.php?title=contact" title=""><img src="http://www.lepyms.com/boost/images/oliver/bouton_menu_horizontale/contact.png" class="valign_middle" alt=""></a> <a href="http://www.lepyms.com/boost/pages/pages.php?title=contact" title=""></a> </li> <li> <a href="http://www.lepyms.com/boost/pages/pages.php?title=horaires-et-tarifs" title=""><img src="http://www.lepyms.com/boost/images/oliver/bouton_menu_horizontale/tarifs.png" class="valign_middle" alt=""></a> <a href="http://www.lepyms.com/boost/pages/pages.php?title=horaires-et-tarifs" title=""></a> </li> <li> <a href="http://www.lepyms.com/boost/media/media.php" title=""><img src="http://www.lepyms.com/boost/images/oliver/bouton_menu_horizontale/videos.png" class="valign_middle" alt=""></a> <a href="http://www.lepyms.com/boost/media/media.php" title=""></a> </li> <li> <a href="http://www.lepyms.com/boost/download/download.php" title=""><img src="http://www.lepyms.com/boost/images/oliver/bouton_menu_horizontale/telechargement.png" class="valign_middle" alt=""></a> <a href="http://www.lepyms.com/boost/download/download.php" title=""></a> </li> </ul> </div> </div> </ul> </div> </div> # IF C_MENUS_SUB_HEADER_CONTENT # {MENUS_SUB_HEADER_CONTENT} # ENDIF # </div> <div class="spacer"></div> </div> # IF C_COMPTEUR # <div id="compteur"> <span class="text_strong">{L_VISIT}:</span> {COMPTEUR_TOTAL} <span class="text_strong">{L_TODAY}:</span> {COMPTEUR_DAY} </div> # ENDIF # # IF C_MENUS_LEFT_CONTENT # <div id="left_menu"> {MENUS_LEFT_CONTENT} </div> # ENDIF # # IF C_MENUS_RIGHT_CONTENT # <div id="right_menu"> <div class="right_top"></div> <div class="right_contents"> <div class="contenu_r"> {MENUS_RIGHT_CONTENT} </div> </div> <div class="right_bottom"> </div> </div> # ENDIF # <div id="main"> <div id="main_content"> <div class="main_top_l"></div> <div class="main_top_r"></div> <div class="main_top"></div> <div class="main_content_borderl"> <div class="main_content_borderr"> <div class="contenu"> # IF C_MENUS_TOPCENTRAL_CONTENT # <div id="top_contents"> {MENUS_TOPCENTRAL_CONTENT} </div> # ENDIF # <div id="links"> <br/> <a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a> # START link_bread_crumb # <img src="{PATH_TO_ROOT}/templates/{THEME}/images/breadcrumb.png" alt="" class="valign_middle" /> <a class="small_link" href="{link_bread_crumb.URL}" title="{link_bread_crumb.TITLE}">{link_bread_crumb.TITLE}</a> # END link_bread_crumb # </div>
Message édité, merci à l'avenir d'utiliser la balise code qui est spécifiquement faite pour ça.
Shadow
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Envoies moi aussi ton news.tpl de ton thème.
Envoies moi les aussi par MP stp dans un fichier ZIP.
Édité par infoking1 Le 05/02/2010 à 15h01
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
oliver Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre oliver
- Inscrit le : 31/01/2010
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Équilibrer le menu vertical de droite par rapport à l'ensemble :
Dans ton design.css ligne 111
Appliques les modifications suivantes dans le le margin-top:
Remplaces les 30px actuel par un % que tu adapteras en fonction de la position souhaitée, en mettant 25% il devrait être centré par rapport au bloc central.
Édité par infoking1 Le 08/02/2010 à 14h10
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
infoking1 Membre non connecté
Booster Missile
-
Booster Missile
- Voir le profil du membre infoking1
- Inscrit le : 29/09/2008
- Site internet
- Groupes :
Remplaces le fichier favicon.ico à la racine de ton site par celui là :
favicon.ico
et tout sera parfait.
Édité par infoking1 Le 08/02/2010 à 14h55
Gérez vos comptes bancaires de façon simple et efficace avec BanqueManager
Téléchargement gratuit ici
Téléchargement gratuit ici
oliver Membre non connecté
Booster Fronde
-
Booster Fronde
- Voir le profil du membre oliver
- Inscrit le : 31/01/2010
C'est ok.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie