catseb
-
Compteur de contenus
22 -
Inscrit(e) le
-
Dernière visite
Tout ce qui a été posté par catseb
-
Bonjour Bon je suis pas doué, j ai essayé ce tuto, voici le resultat resumé sur un post (resté sans reponse grrrr) posté sur le fofo d oscommerce : Bonjour, j'utilise ce tuto : http://www.oscommerce-fr.info/faq/qa_info.php?qID=183 Pour essayer d inclure une de mes pages dans un menu : Mon but : mettre un menu horizontal (ok avec custom navbar) qui me renvoie mes propres pages, un peu comme une box d'info mais sous forme de menu horizontal. Or si je n ai pas un message par lequel il ne trouve pas le fichier que je demande en cliquant sur le lien, j'ai ce message : Parse error: parse error, unexpected T_STRING in C:\wamp\www\catalog\includes\languages\french.php on line 64 voici le code de ces lignes : // extraheader texte ajouté par moi dans includes/extraheader.php define('TEXT_INFORMATION','hygiene') // footer text in includes/footer.php define('FOOTER_TEXT_REQUESTS_SINCE', 'requêtes depuis le'); La ligne 64 define('FOOTER.... n ayant pas ete touchee je pense plutot que c est la ligne 61 modifiee par moi meme : mais alors que dois je mettre en lieu et place de TEXT_INFORMATION ? Dans mon fichier "extraheader", là où je mets les liens pour mes fichiers appeles, voici le code pour la page demandee : <td><a href="<?php echo tep_href_link(HYGIENE); ?>"><?php echo (((basename($PHP_SELF) == FILENAME_HYGIENE)) ? tep_image(DIR_WS_IMAGES . 'bienetr-on.gif', 'Search') : tep_image(DIR_WS_IMAGES . 'bienetr-off.gif', 'Search')); ?></a></td> le fichier hygiene.php nouvellement créé qui comporte : <?php /* $Id: conditions.php,v 1.22 2003/06/05 23:26:22 hpdl Exp $ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2003 osCommerce Released under the GNU General Public License */ require('includes/application_top.php'); require(DIR_WS_LANGUAGES . $language . '/' . FILENAME_HYGIENE); $breadcrumb->add(NAVBAR_TITLE, tep_href_link(FILENAME_HYGIENE)); ?> et le fichier hygiene.php qui est dans le repertoire language, french... <?php define('NAVBAR_TITLE', 'Corps'); define('HEADING_TITLE', 'Pour le Corps'); define('TEXT_INFORMATION', ' <style type="text/css" media="screen"> _AT_import url(menuhygiene.css); </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Hygiène : Bain, douche, Déodorant, Mains, Cheveux, Dentifrice</title> <body> <div id="menuhygiene"> <table width="96%" border="0" cellspacing="0" cellpadding="0"> <tr> ... je vous passe la suite... Avec tous ces fichiers a modifier je suis un peu perdu, et je me demandes si ce n est pas juste le souci lié au T_STRING, mais alors je ne vois pas comment corriger mes erreurs. Dur les debuts... Merci
-
hum ils ont pas fait aussi simple qu un "include"... Je vais essayer tout ca et donner des nouvelles du resultats Merci pour cette reponse claire et precise Excellente journee
-
Mon site est en local pour le moment En gros : j ai un menu qui appelle des pages php. Ces pages sont des catégories issues d une base de donnees. Moi je veux appeler un fichier php "statique" avec une mise en page particuliere pour ameliorer mon design. Quel code dois je utiliser pour que mon menu pointe sur le fichier souhaité et qu il me l affiche dans ma page principale de mon navigateur ? Merci
-
bonjour j ai un menu special dans oscommerce. Je souhaite que l'un de ses liens arrive sur une page php de ma creation. Je voudrais que cette page apparaisse dans le corps du site. Quel est le moyen de l integrer, j ai beau essayer, le serveur me retourne qu il ne trouve pas le fichier a inserer :-(
-
Merci, mais au risque de passer pour un idiot, je vois pas trop comment faire : Je m explique : J'ai une structure simple : haut, bas gauche et corps. Dans le bloc corps apparaissent les elements que j appelle a partir du menu (qui lui est dans le bloc gauche) Mais la la situation est differente !! Ma page d accueil apparait dans le bloc corps, jusque la tout va bien. Elle se compose de 5 blocs comme l image que je fais ici : Mon image exemple Et dans chacun des blocs de la page accueil, j ai un lien "en savoir +" qui me renvoie une nouvelle page en lieu et place de la page accueil. Ce que je ne comprends pas, c'est comment faire : je me doutes bien que je laisse le lien en l etat : index.php?.... mais apres ? Je fais une page index.php et une page "en savoir plus" ? La page index contient le code php et la page en savoir plus le contenu html ? Quant a mon code php je le laisse pas dans ma page accueil alors ? Desole de vous souler, mais je suis debutant, je pose des questions "con" mais j essaie simplement de comprendre pour pas mourir idiot Merci encore
-
Bonjour, J ai une page d'accueil, avec dans celle-ci un lien vers une autre page, qui doit m ouvrir une page php. Le lien est de ce type <a href="index.php?page=pagexxx"> et mon code php le suivant : <?php if (!isset($_GET['page'])) $page= 'page'; else $page= $_GET['page']; switch($page) { case 'pageacc01': include ('pagexxx.php');break; } ?> Ma question est la suivante : ma page s'inclue bien, mais derriere celle-ci, (a la suite donc), voila que je retrouve ma page d'accueil !! Que dois je faire pour que seule la page demandee apparaisse en lieu et place de la page d'accueil ? Merci a tous
-
Je vais essayer ca et m'armer de patience. Merci a vous
-
Bonjour, Voila je cree une page avec cadres arrondis. Ca passe bien sous firefox, mais pas sous ie. Sous IE : le 1er bloc ne se voit pas , et les bors de mes cadres sont faussés, comme abimés.... Vous pouvez voir l'image sous FF ici : http://www.imageshotel.org/images/catseb/blocff_1.png Celle sous IE ici : http://www.imageshotel.org/images/catseb/blocie.png Le code est inspiré de "cadre arrondi" de AlsaCreations, merci a eux. Voici le code : <style type="text/css"> body {font: 1em black verdana, sans-serif;} #cadre1, #cadre4 {background-color: #FDD73D;} #cadre1 {width:48%; float:left;} #cadre2 {margin-left:52%;} #cadre3 {margin-left:52%} #cadre2, #cadre3, #cadre5 {background-color: #7BFB49;} #cadre1, #cadre2, #cadre3, #cadre4, #cadre5 {margin-bottom:15px;} #hg1, #hd1, #bg1, #bd1, #hg2, #hd2, #bg2, #bd2, #hg3, #hd3, #bg3, #bd3, #hg4, #hd4, #bg4, #bd4, #hg5, #hd5, #bg5, #bd5 {height: 19px; width: 19px; background-repeat: no-repeat; font-size:1px;} #hg1, #hg4 {background: url(hgo.gif);} #hd1, #hd4 {float: right;background: url(hdo.gif);} #bg1, #bg4 {background: url(bgo.gif);} #bd1, #bd4 {float: right;background: url(bdo.gif);} #hg2, #hg3, #hg5 {background: url(hgv.gif);} #hd2, #hd3, #hd5 {float: right;background: url(hdv.gif);} #bg2, #bg3, #bg5 {background: url(bgv.gif);} #bd2, #bd3, #bd5 {float: right;background: url(bdv.gif);} </style> <title></title> </head> <body> <div id="cadre1"> <div id="hd1"></div><div id="hg1"></div> <div id="contenu"> <p>bla bla bla</p> <p>bla bla bla</p> <p>bla bla bla</p> <p>++++</p> <p>Suite...</p> <p>Finnnnnnn</p> </div> <div id="bd1"></div><div id="bg1"></div> </div> <div id="cadre2"> <div id="hd2"></div><div id="hg2"></div> <div id="contenu"> <p>Texte de contenu</p> <p>Suite...</p> </div> <div id="bd2"></div><div id="bg2"></div> </div> <div id="cadre3"> <div id="hd3"></div><div id="hg3"></div> <div id="contenu"> <p>Texte de contenu</p> <p>Suite....</p> </div> <div id="bd3"></div><div id="bg3"></div> </div> <div id="cadre4"> <div id="hd4"></div><div id="hg4"></div> <div id="contenu"> <p>Texte de contenu</p> <p>bla bla </p> </div> <div id="bd4"></div><div id="bg4"></div> </div> <div id="cadre5"> <div id="hd5"></div><div id="hg5"></div> <div id="contenu"> <p>Texte de contenu</p> <p>bla bla </p> </div> <div id="bd5"></div><div id="bg5"></div> </div> </body> </html> Donc ma question est simple : Comment faire en sorte que le bloc du haut se voit sur IE, et comment corriger les imperfections d'affichage de IE ? Merci par avance a tous.
-
Merci de l aide apportée. Mais ca marche toujours pas, alors que mon code (meme un peu pourri) marchait il y a quelques jours. J heberge en attendant mieux chez ifrance. Ca viendrait pas d eux par hasard ? Qu en pensez vous ? Merci
-
Bonjour, Pourquoi ce code me retourne la page d accueil par defaut et non la page souhaitee ? Ou ai-je une erreur ? Merci de votre aide <?php if(isset($http_get_vars['page'])) { $p=$http_GET_vars['page']; } else {$p='accueil'; } switch($id) { case 'page01': include 'accueil.php'; break; case 'page02': include 'page2.php'; break; case 'page03': include 'page3.php'; break; default : include 'accueil.php'; break; } ?> exemple de lien utilisé : <a href="index.php?id=page01">Accueil</a>
-
Plus distrait c est difficile, je reconnais, et j en suis desolé. Voici une url : atouttest.ifrance.com Mon fichier css de la page index : div.conteneur {background-color:#CCFFCC;} div.banniere {background-image:url(degradentete.jpg);height:100px;} .logo {float:left;} .panier {float:right;} .tournesol {float:right;} .haut {width:100%; height:35px; background-color:#CCFFCC;} .lien:link{color: #006600;text-decoration:none;} .lien:visited{color: #006600;text-decoration:none;} .lien:active{color: #006600;text-decoration:none;} .lien:hover{color: #006600; text-decoration:none;} ul.menu {padding:7px; font-family:Georgia, Times New Roman, Times, serif;height:20px;margin-left:auto; margin-right:auto; width:100%;} .menu li {float:left; list-style-type:none; line-height:20px;} .menu a {display:block;width:105px;margin:0 3px;text-align:center;color:#000000;text-decoration:none;font-size:0.8em;background-image:url(10520.gif);font-weight:bold} .menu a:hover {background-image:url(10520A.gif);color:#006600; font-weight:bold; text-indent:26px;} div.gauche {background-color:#CCFFCC;font-family:Georgia, Times New Roman, Times, serif;width:180px;float:left;font-size:0.85em; line-height:8px;} .table {background-image:url(15025.gif); } .cell {background-color:#FFFF99; border-bottom:1px solid #F7A60E; border-left:1px solid #F7A60E; border-right:1px solid #F7A60E; line-height:12px;} div#corps {position:relative; clear:right;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:0.85em; margin-right:0;margin-left:180px;padding:8px;background-color:white;} div.pied {padding:5px; position:relative; clear:left;font-family:Verdana, Arial, Helvetica, sans-serif;width:100%;line-height:14pt;background-color:#CCFFCC; padding-left:0;} .tire {clear:both;padding:0 5px;display:block;} h1, p{margin:0;} .Style2 {font-weight: bold;color: #000000;font-family: Georgia, Times New Roman, Times, serif;font-size:x-large;} .Style3 {color: #006600;font-weight: bold;font-style: italic;font-family: Georgia, Times New Roman, Times, serif;font-size:x-large;} .Style4 {color: #006600} .Style6 {font-size: medium} .Style8 {font-family: Arial, Helvetica, sans-serif} .Style14 {color: #FFFFFF;font-weight: bold;font-size: 11px;} .Style15 {color: #000000} .Style16 {font-size: 1em} .Style17 {font-size: 0.90em} .Style19 {color: #006600;font-weight: bold;} .Style20 {font-size: x-small} De plus, je cherche a resoudre un autre petit truc : je voudrais que mon div conteneur (qui contient gauche et corps) accepte le background pour ne pas paraitre blanc si le div gauche est plus petit que le div corps. Voila, merci a tous
-
Bonjour, Je vous expose 3 soucis, liés exclusivement a IE. 1 - J inclue un tableau dans mon bloc central, avec une largeur de 95%. Celui-ci deborde a droite sous IE, alors qu il s ajuste parfaitement sous FF. 2 - Mon menu horizontal reste planté a gauche sous IE alors qu il se centre correctement sous FF. 3 - Si j inclue une page sans CSS, mes blocs gauche, haut et bas restent identiques. Par contre, si j ouvre une page avec CSS (enfin celle que j ai fait comme ca pour le moment) perturbe tout : pas mal d elements se modifient dans mes autres blocs : couleurs, positions, polices. Mes feuilles de style sont importees independamment pour chaque feuille, et ne devraient donc pas interagir entre elles. De plus les problemes ci dessus ne se declarent que sous IE. Que faire ? merci de votre aide.
-
Bonjour, Je ne confonds pas div et iframe, c est juste que l on m a parlé de lusage de iframe dans un div pour eviter le souci. Mais qu apres c etait pas top en referencement. Mais j avoue, je me suis mal expliqué. Excusez moi encore, et si vous avez une reponse ;-) Merci
-
Bonjour, Mon site possede plusieurs div (sous frome de class). Je veux mettre des liens dans mon div guache qui pointent dans mon div "corps". Mais <a class="corps" href="page.html"> </a> ne marche pas Et il semble que les Iframes causent des soucis d accessibilte si je veux faire valider en w3c. Que dois je faire ? Je debute et je suis vriament dans la panade. Merci
-
problème résolu, merci a tous
-
Voila, je vous redonne le bon code je vous avais pas fourni le bon Desolé pour les precedents lecteurs Merci
-
Bonjour a tous, Je vous ai mis des couleurs (pas jolies mais bon) pour plus de lisibilté : Le DIV gauche en bleu ne s'étend pas ou ne se réduit pas aux memes dimensions que le DIV Corps (en mauve). Ainsi si j etends l un ou l autre, ils se decalent au lieu de se redimensionner l un et l autre. Ainsi sur l exemple disponible ici : Page test L'on voit que si j agrandis le DIV gauche, le DIV corps reste plus petit. De plus, le DIV Pied de page (en vert) descend tres au dela de la fin des DIV superieurs (gauche et corps) alors qu il devrait arreter juste sous le dernier menu du DIV gauche. Je me dis qu il doit y avoir un truc autour de position, float et clear mais je vois pas malgre pas mal de tests. J attends donc l avis d un specialste pour me sortir de ce mauvais pas. Merci a tous Le code de la feuille css : <style type="text/css" media="screen"> body {margin:10px;} div.conteneur {background-color:#FFFFFF;} div.banniere {background-color:#66FF33;height:100px;} .logo {float:left; height:100px;} .t {float:right;} ul.menu {margin:5px; padding:0; font-family:Georgia, Times New Roman, Times, serif;height:20px;margin-left:auto; margin-right:auto; width:600px;} .menu li {float:left; list-style-type:none; line-height:20px;} .menu a {display:block;width:105px;margin:0 3px;text-align:center;color:#000000;text-decoration:none;font-size:0.8em;background-color:#00FFCC;font-weight:bold} .menu a:hover {background-image:url(1058454356.gif);color:#006600; font-weight:bold; text-indent:26px;} div.gauche {font-family:Georgia, "Times New Roman", Times, serif;width:140px;float:left;margin-bottom:-1.2em; background-color:#33CCFF;padding-left:5px;font-size:0.85em;} .table {background-color:#FF6600)} .cell {background-color:#FFFF33; border-bottom:1px solid #F7A60E; border-left:1px solid #F7A60E; border-right:1px solid #F7A60E;} div.corps { position:relative; clear:right;font-family:Geneva, Arial, Helvetica, sans-serif;font-size:0.85em; margin-right:0;margin-left:150px;border-left:1px solid #666;padding:5px;background-color:#CCCCFF;} div.pied { position:relative; clear:left;font-family:Verdana, Arial, Helvetica, sans-serif;width:100%;line-height:14pt;background-color:#66FF00; padding-left:0;} .tire {clear:both;padding:0 5px;display:block;} h1, p{margin:0;} .Style2 { font-weight: bold; color: #000000; font-family: Georgia, "Times New Roman", Times, serif;font-size: x-large;} .Style3 {color: #006600;font-weight: bold;font-style: italic;font-family: Georgia, "Times New Roman", Times, serif;font-size: x-large;} .Style4 {color: #006600} .Style6 {font-size: medium} .Style8 {font-family: Arial, Helvetica, sans-serif} .Style14 {color: #FFFFFF;font-weight: bold;font-size: 11px;} Le 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="fr" lang="fr"> <head> <title>ABCD</title> <style type="text/css" media="screen"> _AT_import url(menuaccueil.css); </style> <link rel="shortcut icon" href="favicon.ico" /> <style type="text/css"> </style> </head> <body> <div class="conteneur"> <div class="banniere"> <p><img class="logo" src="f.gif" alt="G"/><img class="t" src="t.jpg" alt="F"/></p> <p align="left" class="pied"> </p> <p align="left" class="Style2 Style4">Titre 1</p> <p align="left" class="Style2 Style4">Sous titre </p> </div> <ul class="menu"> <li><a href="#">Menu 1 </a></li> <li><a href="#">Menu 2 </a></li> <li><a href="#">Menu 3 </a></li> <li><a href="#">Menu 4 </a></li> <li><a href="#">Menu 5 </a></li> </ul> <div class="gauche"> <table width="135" border="0" cellspacing="0" cellpadding="1"> <tr class="table"> <td><div align="center" class="Style4"><strong>MENU 1 </strong></div></td> </tr> <tr> <td class="cell"><p align="center" class="Style8"> </p> <p align="center" class="Style8">Menu n° 1</p> <p align="center" class="Style8">Menu n°2</p> <p align="center" class="Style8">* * * * * *</p> <p align="center" class="Style8">Création </p> <p align="center" class="Style8"> </p></td> </tr> </table> <p> </p> <table width="135" border="0" cellspacing="0" cellpadding="1"> <tr class="table"> <td><div align="center" class="Style4"><strong>MENU 2 </strong></div></td> </tr> <tr> <td class="cell"><div align="center"> <p class="Style8"> </p> <p class="Style8">Un peu de texte </p> <p class="Style8">Menu n° 3</p> <p class="Style8">Menu n° 4</p> <p>* * * * * * </p> <p> </p> </div></td> </tr> </table> <p> </p> <table width="135" border="0" cellspacing="0" cellpadding="1"> <tr class="table"> <td><div align="center" class="Style4"><strong>MENU 3</strong></div></td> </tr> <tr> <td class="cell"><div align="center"> <p class="Style8"> </p> <p class="Style8">Menu n° 5 </p> <p class="Style8">Menu n° 6</p> <p class="Style8">Menu n° 7</p> <p class="Style8">Etc </p> <p class="Style8"> </p> <p class="Style8"> </p> <p class="Style8">test</p> <p class="Style8"> </p> <p class="Style8">test</p> <p class="Style8"> </p> <p class="Style8"> </p> <p class="Style8">test</p> <p class="Style8"> </p> <p class="Style8"> </p> <p class="Style8"> </p> <p class="Style8"> </p> <p class="Style8">test</p> <p class="Style8"> </p> <p class="Style8">test</p> <p class="Style8"> </p> </div></td> </tr> </table> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> <div class="corps"> <p class="Style8">Corps du texte </p> <p class="Style8">Corps du texte</p> <p class="Style8">Exemple de photo </p> <p class="Style8"> </p> <p class="Style8"><img src="fraise.jpg" alt="" width="372" height="253" /></p> <p class="Style8"> </p> <p class="Style8">Corps du texte </p> <p class="Style8">Texte</p> <p class="Style8">Texte</p> <p class="Style8">Texte</p> <p class="Style8"><span class="Style8">Corps du texte </span></p> </div> <div class="pied"> <ul class="menu"> <li><a href="#">Menu 1 </a></li> <li><a href="#">Menu 2 </a></li> <li><a href="#">Menu 3 </a></li> <li><a href="#">Menu 4 </a></li> <li><a href="#">Menu 5 </a></li> </ul> <p align="center"><span class="Style14">Nous contacter | Mentions Légales | Conditions Générales de vente</span></p> <p align="center"><span class="Style14">Nos engagements | Mon Panier | Mon Compte | Aide </span></p> </div> </div> </body> </html>
-
J essaie ca de suite et sinon promis je fais des aujourd hui le necessaire pour le mettre en ligne et vous faciliter la tache. Et puis, apres tout, vous avez bien raison, vous faites l effort d aider, donc a moi de faire au mieux pour vous faciliter la tache ;-) Merci je vous donne un lien des que possible
-
Bonjour, J'ai un petit souci avec mon menu dont voici les codes. Il s'affiche correctement sous IE mais une barre entre mon entete et mon menu "s'insere" sous Firefox (pour une fois). D'où mes questions : 1 - Comment réduire la taille du menu sur sa hauteur et comment éliminer ce petit souci sous FF. 2 - Si une ame charitable peut m'expliquer le pourquoi de ce petit souci, et a l'occasion m'expliquer les fonctions navlist et leurs differences (je les ai utilisées pour la 1e fois) : ce serait formidable. Merci a tous par avance du temps consacre a l'étude de ce post. 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="fr" lang="fr"> <head> <title>AB CS... ... </title> <style type="text/css" media="screen">@import url(menuaccueil.css);</style> </head> <body> <div class="conteneur"> <div class="banniere"> <div class="logo"> <img src="file:///C|/AtoutBio/images/tournesolentete.jpg" alt="Grenouille" width="247" height="100" /></div> <div class="tournesol"><img src="file:///C|/AtoutBio/images/tournesold.jpg" alt="Fleur Tournesol" width="191" height="100" /></div> </div> <div class="hautmenu"> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Accueil</a></li> <li><a href="#">Menu A</a></li> <li><a href="#">Menu B;</a></li> <li><a href="#">Menu C</a></li> <li><a href="#">Menu D</a></li> </ul> </div> </div> <div class="gauche"> <h3>menu</h3> <ul> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> <li><a href="#">Lien</a></li> </ul> </div> <div class="corps"><p> </p> <p> </p> <p> ErrorDocument 401 [url="http://401.html"]http://401.html[/url] <cite>=> Erreur 401 accès non autorisé.</cite></p> <p> ErrorDocument 402 [url="http://402.html"]http://402.html[/url] <cite>=> Erreur 402 reformuler votre paiement.</cite><br/> ErrorDocument 403 [url="http://403.html"]http://403.html[/url] <cite>=> Erreur 403 accès interdit.</cite><br/> ErrorDocument 404 [url="http://404.html"]http://404.html[/url] <cite>=> Erreur 404 non trouvé.</cite><br/> ErrorDocument 500 [url="http://500.html"]http://500.html[/url] <cite>=> Erreur 500 erreur interne.</cite></p> <span class="tire"></span> ../.. </div> <div class="pied"> <p>Pied de page... ... ... </p> </div> </div> </body> </html> Code CSS externe #navlist ul { margin: 0; white-space: nowrap; padding: 0; } #navlist li { display: inline; list-style-type: none; } #navlist a { padding: 1px 8px 1px 24px; border: 1px solid #333; background-color: #999; background-image: url(images/l1_down.gif); } #navlist a:link, #navlist a:visited { color: #EEE; text-decoration: none; } #navlist a:hover { border: 1px solid #333; background-color: #FF6600; background-image: url(images/l1_over.gif); color: #333; } #active a:link, #active a:visited, #active a:hover { border: 1px solid #333; background-color: #FF6600; background-image: url(images/l1_over.gif); color: #333; } <style type="text/css" media="screen"> body {margin:10px;} div.conteneur {border:1px solid #666;background-color:gray;} div.banniere {background-image:url(file:///C|/AtoutBio/images/degradentete.jpg);height:100px;border-bottom:1px solid #666;} div.logo {position:absolute;} div.tournesol {position:absolute; right:10px;} div.hautmenu {height:30px; background-color:#66FF00;} div.gauche {width:140px;float:left;margin-bottom:-1.2em;padding:5px;padding-top:30px;} div.corps {margin-right:0;margin-left:150px;border-left:1px solid #666;padding:5px;background-color:white;} div.pied {background-color:yellow;height:30px;border-top:1px solid #666;line-height:30px;text-align:center} .tire {clear:both;padding:0 5px;display:block;} h1, p{margin:0;} </style>
-
J ai tout refondu, donc probleme resolu Post clos. Merci a tous
-
Bonjour, Deux trois choses en fait. Je debute, j ai bidouillé un truc (vous allez hurler en voyant le code mais bon...) Donc : 1 - L'ouverture des sous menus sour firefox décale mes textes en dessous au lieu de s'afficher par dessus 2 - J'ai un menu que j ai élargi mais les couleurs d arriere plan des sous menus ne passent pas 3 - Est il possible de réunir les codes des classes FFA a FFE en une plutot que de répéter un code identique 4 - Pourquoi l'affichage des mes polices se fait en times et non en arial ou verdana en dehors du menu ?? En fait s il y a une partie menu FF c est pour un affiche sous Firefox et IE pour internet explorer sans usage de javascript. Voila si vous pouvez me depanner par ce que la je trouve plus rien meme sur les forums je dois pas avoir les bons mots cles Merci par avance Mon code : <!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="fr" lang="fr"> <head> <title>Atout-Bio.fr.</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> media="screen"> body { font-family:Verdana; font-size: 12px; margin: 0; padding: 0; } #entete { height: 100px; background-color: #ffff33; } #haut { padding-right: 50px; height: 50px; background-color:#ff9900; } .menuIE { position: absolute; top: 110px; left: 50px; z-index:100; width: 100%; display:none !important; display:block; } a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active { color:#000; width:100px; height:18px; display:block; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } a.boutonIE:hover { color:#fff; background:#000; overflow:visible;} a.boutonIE:hover table { display:block; background:#eee; border-collapse:collapse; } .boutonFF { margin-left: 50px; z-index:100; color:#000; width:100px; height:18px; display:block !important; display:none; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } .boutonFF:hover { height:auto; cursor:pointer; color:#fff; background:#000; } .boutonFFA { z-index:100; width: 100px; color:#000; height:18px; display:block !important; display:none; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } .boutonFFA:hover { height:auto; cursor:pointer; color:#fff; background:#000; } .boutonFFB { z-index:100; width: 150px; color:#000; height:18px; display:block !important; display:none; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } .boutonFFB:hover { height:auto; width:150px; cursor:pointer; color:#fff; background:#000; } .boutonFFC { z-index:100; width: 100px; color:#000; height:18px; display:block !important; display:none; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } .boutonFFC:hover { height:auto; cursor:pointer; color:#fff; background:#000; } .boutonFFD { z-index:100; width: 100px; color:#000; height:18px; display:block !important; display:none; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } .boutonFFD:hover { height:auto; cursor:pointer; color:#fff; background:#000; } .boutonFFE { z-index:100; width: 100px; color:#000; height:18px; display:block !important; display:none; background:#c33; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family: verdana; font-size:12px; line-height:18px; overflow:hidden; } .boutonFFE:hover { height:auto; cursor:pointer; color:#fff; background:#000; } a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active { display:block; width:100px !important; width:98px; height:18px; border-bottom:1px solid #000; text-decoration:none; color:#000; font-family: verdana; font-size:12px; text-align:center; background:#eee; } a.SousMenu:hover {background:#BCCCD2;} #conteneur { position: absolute; width: 100%; background-color:#FFFF33; top: 5px; } #centre { background-color: #FFFFFF; margin-left: 150px; margin-right: 0px; } #gauche { position: absolute; left:0; width: 150px; } #pied { height: 30px; background-color: #ff9900; } p {margin: 0 0 10px 0;} </style> </head> <body> <div id="conteneur"> <div id="entete">entete <a href="http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS">(voir tous les modèles)</a> </div> <div id="haut"> <div class="menuIE"> <a class="boutonIE" href="#nogo">Accueil <table><tr><td> </td></tr></table> <a class="boutonIE" href="#nogo">Soins du Corps <table><tr><td> <a class="SousMenu" href="#nogo">Le Corps</a> <a class="SousMenu" href="#nogo">Le Visage</a> <a class="SousMenu" href="#nogo">L'Homme</a> <a class="SousMenu" href="#nogo">Bébé</a> <a class="SousMenu" href="#nogo">Solaire</a> </td></tr></table> </a> <a class="boutonIE" href="#nogo">Bien-Etre <table><tr><td> <a class="SousMenu" href="#nogo">Huiles Essentielles</a> <a class="SousMenu" href="#nogo">Huiles Végétales</a> <a class="SousMenu" href="#nogo">Elixirs Floraux</a> <a class="SousMenu" href="#nogo">Diététique</a> </td></tr></table> </a> <a class="boutonIE" href="#nogo">Beauté <table><tr><td> <a class="SousMenu" href="#nogo">Le Visage</a> <a class="SousMenu" href="#nogo">Les Yeux</a> <a class="SousMenu" href="#nogo">Les Joues</a> <a class="SousMenu" href="#nogo">Les Lèvres</a> <a class="SousMenu" href="#nogo">Peignes & Brosses</a> </td></tr></table> </a> <a class="boutonIE" href="#nogo">Maison & Jardin <table><tr><td> <a class="SousMenu" href="#nogo">Senteurs & Décoration</a> <a class="SousMenu" href="#nogo">L'Entretien</a> <a class="SousMenu" href="#nogo">Le Jardin</a> <a class="SousMenu" href="#nogo">Le Cuir</a> </td></tr></table> </a> <a class="boutonIE" href="#nogo">Librairie <table><tr><td> <a class="SousMenu" href="#nogo">Nos livres</a> </td></tr></table> </a> </div> <div class="boutonFF"><strong>Accueil</strong><br /> </div> <div class="boutonFFA"><strong>Soins du Corps</strong><br /> <a class="SousMenu" href="#nogo">Le Corps</a> <a class="SousMenu" href="#nogo">Le Visage</a> <a class="SousMenu" href="#nogo">L'Homme</a> <a class="SousMenu" href="#nogo">Bébé</a> <a class="SousMenu" href="#nogo">Solaire</a></div> <div class="boutonFFB"><strong>Bien Etre</strong><br /> <a class="SousMenu" href="#nogo">Huiles Essentielles</a> <a class="SousMenu" href="#nogo">Huiles Végétales</a> <a class="SousMenu" href="#nogo">Elixirs floraux</a> <a class="SousMenu" href="#nogo">Diététique</a></div> <div class="boutonFFC"><strong>Beauté</strong><br /> <a class="SousMenu" href="#nogo">Le Visage</a> <a class="SousMenu" href="#nogo">Les Yeux</a> <a class="SousMenu" href="#nogo">Les Joues</a> <a class="SousMenu" href="#nogo">Les Lèvres</a> <a class="SousMenu" href="#nogo">Peignes & Brosses</a></div> <div class="boutonFFD"><strong>Maison</strong><br /> <a class="SousMenu" href="#nogo">Ambiances</a> <a class="SousMenu" href="#nogo">Entretien</a> <a class="SousMenu" href="#nogo">Le Jardin</a> <a class="SousMenu" href="#nogo">Le Cuir</a></div> <div class="boutonFFE"><strong>Librairie</strong><br /> <a class="SousMenu" href="#nogo">Nos Livres</a></div> </div> <div id="gauche"><p>menu gauche</p> <p>largeur fixe : 150px</p> </div> <div id="centre"> partie centrale qui "pousse" les colones vers le bas.<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> </div> <div id="pied">pied de page</div> </div> </body> </html> <edit modo> CODEBOX pour les longs codes SVP ! </edit>
-
Bonjour, j'ai un souci avec un menu deroulant horizontal : Apres avoir lu les didacticiels et les correctifs, mon code fonctionne tres bien sous firefox, mais pas sous IE ou il apparait ouvert (alors que je veux le montrer seuelement au survol de la souris). Voici le code, j ai tout essayé, lu pas mal de choses ici mais rien, et comme je debute j 'ai grand besoin d'une explication et d aide... J'aimerais aussi savoir s'il est ou non compatible sous netscape, merci Merci par avance ! Le code : <!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="fr" lang="fr"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } </script> <style type="text/css"> body { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; } #entete { height: 100px; background-color: #ffff33; } #haut { height: 50px; background-color:#ff9900; } dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; top: 105px; left: 1px; z-index:100; width: 100%; } #menu dl { float: left; width: 12em; margin: 0 1px; } #menu dt { cursor: pointer; text-align: center; font-weight: bold; background: #ccc; border: 1px solid gray; } #menu dd { border: 1px solid gray; } #menu li { text-align: center; background: #fff; } #menu li a, #menu dt a { color: #000; text-decoration: none; display: block; height: 100%; border: 0 none; } #menu li a:hover, #menu dt a:hover { background: #eee; } #conteneur { position: absolute; width: 100%; background-color:#FFFF33; top: 5px; } #centre { background-color: #FFFFFF; margin-left: 150px; margin-right: 0px; } #gauche { position: absolute; left:0; width: 150px; } #pied { height: 30px; background-color: #ff9900; } p {margin: 0 0 10px 0;} .Style1 { color: #FFFFFF; font-weight: bold; } .Style2 {color: #99FF99} </style> </head> <body> <div id="conteneur"> <div id="entete">entete <a href="http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS">(voir tous les modèles)</a> </div> <div id="haut"> </div> <div id="menu"> <dl> <dt onmouseover="java script:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt> </dl> <dl> <dt onmouseover="java script:montre('smenu1');">Hygiène</dt> <dd id="smenu1"> <ul> <li><a href="#">Soins du Corps </a></li> <li><a href="#">Soins du Visage </a></li> <li><a href="#">Pour l'Homme</a></li> <li><a href="#">Joli Bébé </a></li> <li><a href="#">Protection Solaire </a></li> </ul> </dd> </dl> <dl> <dt onmouseover="java script:montre('smenu2');">Bien-Etre</dt> <dd id="smenu2"> <ul> <li><a href="#">Huiles Essentielles </a></li> <li><a href="#">Huiles Végétales </a></li> <li><a href="#">Elixirs Floraux</a></li> <li><a href="#">Les "Floressentiels" </a></li> <li><a href="#">Diététique</a></li> </ul> </dd> </dl> <dl> <dt onmouseover="java script:montre('smenu3');">Beauté</dt> <dd id="smenu3"> <ul> <li><a href="#">Le visage </a></li> <li><a href="#">Les yeux </a></li> <li><a href="#">Les joues </a></li> <li><a href="#">Les lèvres </a></li> <li><a href="#">Peignes & Brosses </a></li> </ul> </dd> </dl> <dl> <dt onmouseover="java script:montre('smenu4');">Maison & Jardin </dt> <dd id="smenu4"> <ul> <li><a href="#">Senteurs & Décoration </a></li> <li><a href="#">Entretien Ménager </a></li> <li><a href="#">Le Jardin </a></li> <li><a href="#">Le Cuir </a></li> </ul> </dd> </dl> <dl> <dt onmouseover="java script:montre('smenu5');">Librairie</dt> <dd id="smenu5"> <ul> <li><a href="#">Notre Sélection </a></li> </ul> </dd> </dl> </div> <div id="gauche"><p>menu gauche</p> <p>largeur fixe : 150px</p> </div> <div id="centre"> partie centrale qui "pousse" les colones vers le bas.<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> partie avec du contenu occupant le reste de la largeur<br /> </div> <div id="pied">pied de page</div> </div> </body> </html> EDIT TheRec/Modérateur : Merci d'utiliser les balises BBCode appropriées pour présenter votre code. Si tu as besoin d'aide à ce sujet utilise le lien "Aide BB Code" se trouvant en dessous de la liste d'émoticons lorsque tu rédiges un message.