Dédé33

Merci pour cette info. Entre temps, j'ai trouvé un site qui a un menu de navigation tout en css et proposant les mêmes fonctionnalités que celles que je désire pour mon site. Et en plus les CSS sont accessibles donc il va m'être facile de comprendre comment ça marche. En tout cas, merci beaucoup pour l'info.

Bonjour à tous, Je souhaite réaliser pour mon futur site un menu horizontal dynamique. Voici le lien d'un menu javascript que j'ai testé : http://www.art-y-show.org/design/testmenu.html Sur le principe c'est ce que je désire sauf qu'il n'est pas totalement paramétrable (enfin, je crois). Ce que moi je voudrais en plus c'est remplacer les liens textes par des images : chaque bouton ayant son image "on" (quand la souris est dessus ou que le bouton a été cliqué) et son image "off" (quand la souris n'est pas dessus). Voici le code javascript correspondant. Si quelqu'un sait comment le bidouiller merci d'avance. Sinon, si vous connaissez un autre code qui réponde aux critères ci-dessus, merci de me le communiquer, ça c'est super cool ! /* A REGLER MANUELLEMENT SI LE CADRE EST TROP PETIT */ hauteurcadre = 50; xmenu = new Array; xlien = new Array; xmenu[0] = 'La page de Dédé'; xmenu[1] = 'Ma galerie'; xmenu[2] = 'Livres et vous'; xmenu[3] = 'Au fil du web'; xmenu[4] = 'Partenaires'; xlien[0] = '' xlien[1] = '' xlien[2] = '' xlien[3] = '' xlien[4] = '' xlien[0] += '<A HREF="http://cv.fr" CLASS=menudyn3>Curriculum vitae</A>'; xlien[0] += ' | ' xlien[0] += '<A HREF="http://book.fr" CLASS=menudyn3>Book d\'articles</A>'; xlien[0] += ' | ' xlien[0] += '<A HREF="http://humeurs.fr" CLASS=menudyn3>Mes humeurs</A>'; xlien[0] += ' | ' xlien[0] += '<A HREF="http://ontaimedeja.hautetfort.com/" CLASS=menudyn3>Le blog d\'Ambre</A>'; xlien[1] += '<A HREF="http://chats.fr" CLASS=menudyn3>Chats</A>'; xlien[1] += ' | ' xlien[1] += '<A HREF="http://wm.fr" CLASS=menudyn3>Wentworth Miller</A>'; xlien[2] += '<A HREF="http://citations.fr" CLASS=menudyn3>Citations</A>'; xlien[2] += ' | ' xlien[2] += '<A HREF="http://fichememo.fr" CLASS=menudyn3>Fiche mémo</A>'; xlien[3] += '<A HREF="http://services.fr" CLASS=menudyn3>Services</A>'; xlien[3] += ' | ' xlien[3] += '<A HREF="http://jeux.fr" CLASS=menudyn3>Jeux</A>'; xlien[4] += '<A HREF="http://annuaire.fr" CLASS=menudyn3>Annuaire</A>'; xlien[4] += ' | ' xlien[4] += '<A HREF="http://banniere.fr" CLASS=menudyn3>Echange de bannières</A>'; document.write('<STYLE TYPE="text/css">\nA.menudyn3 {color:#FFFFFF; text-decoration:none;}\nA:hover.menudyn3 {color:#000000;text-decoration:none;}\n</STYLE>'); document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 WIDTH='+(xlien.length*100)+' BGCOLOR=#000000> <TR><TD><TABLE CELLPADDING=2 CELLSPACING=1 BORDER=0 WIDTH=100%> <TR>'); for(i=0;i<xlien.length;i++) { document.write('<TD BGCOLOR=#006699 onMouseOver="java script:colorIt(this);MajMenu('+i+')" ALIGN=center ID=td'+i+'><FONT SIZE=1 FACE="Verdana"><A HREF="#" onClick="return(false)" onMouseOver="MajMenu('+i+')" CLASS=menudyn3>'+xmenu[i]+'</A></FONT></TD>'); } document.write('</TR> <TR> <TD COLSPAN='+(xlien.length)+' BGCOLOR=#339900 HEIGHT='+hauteurcadre+' VALIGN=top><ilayer id="dynamenu31" width=100% height='+hauteurcadre+'><layer id="dynamenu32" width=100% height='+hauteurcadre+'><div id="dynamenu33"> </div></layer></ilayer></TD> </TR></TABLE></TD></TR></TABLE>'); function colorIt(tditem) { if(document.all) { document.all.td0.style.background='#006699'; document.all.td1.style.background='#006699'; document.all.td2.style.background='#006699'; document.all.td3.style.background='#006699'; document.all.td4.style.background='#006699'; tditem.style.background='#339900'; } else if(document.getElementById) { document.getElementById("td0").style.background='#006699'; document.getElementById("td1").style.background='#006699'; document.getElementById("td2").style.background='#006699'; document.getElementById("td3").style.background='#006699'; document.getElementById("td4").style.background='#006699'; tditem.style.background='#339900'; } } function MajMenu(menu) { which = xlien[menu]; if (document.layers){ document.dynamenu31.document.dynamenu32.document.write('<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>') document.dynamenu31.document.dynamenu32.document.close() } else if (document.getElementById) { document.getElementById("dynamenu33").innerHTML = '<CENTER><FONT SIZE=1 FACE="Verdana, Arial"><B>'+which+'</B></FONT></CENTER>'; } else if (document.all){ dynamenu33.innerHTML=' ' dynamenu33.innerHTML='<FONT SIZE=1 FACE="Verdana">'+which+'</FONT>'; } } if (document.getElementById) colorIt(document.getElementById("td0")); else if (document.all){ colorIt(document.all.td0); } MajMenu(0); **EDIT Administrateur (TheRec)** Merci d'utiliser les BB Codes adéquats pour présenter ton code. Plus d'informations en cliquant sur "Aide BB Code" en dessous de la liste d'émoticons lors de la rédaction d'un message.

Bonjour à tous, Si par hasard l'un de vous s'était amusé à créer une carte personnalisée avec Google Maps, pourrait-il me venir en aide. Voilà mon souci. J'ai sur le site de Google Maps créer tous mes repères. Certains des repères ont une infobulle contenant une image. J'ai mis mon script sur un fichier html avec un ligne vers ma KML. Tous mes fichiers html et images sont dans un même dossier sur mon serveur. La carte s'affiche bien et les repères aussi sauf ceux qui possédaient une image dans leur infobulle. Pourquoi ? Comment régler ce problème ? Ci-dessous le code de ma page HTML et un bout de la KML 1. 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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>blabla</title> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2.x&key=VOTRE_CLEBLABLA"></script> <script type="text/javascript"> var map; function onLoad() { if (GBrowserIsCompatible()) { map = new GMap2(document.getElementById("map")); var carteRoutiere = new GMapType( G_NORMAL_MAP.getTileLayers(),G_NORMAL_MAP.getProjection(), "Carte" ); map.getMapTypes().length = 0; map.addMapType( carteRoutiere ); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); var geoXml = new GGeoXml("http://maps.google.fr/maps/ms?om=1&msa=0&msid=106917559043163301118.000001133e51e60db5c8c&output=kml"); map.addOverlay(geoXml); map.setCenter(new GLatLng(48.858852, 2.347005), 12); } } </script> </head> <body onload="onLoad()"> <div id="map" style="width:600px;height:600px;"></div> </body> </html> 2 - KML <Placemark> <name>Home Autour du monde</name> <description><![CDATA[<DIV><IMG src="home_autour_monde.jpg"><BR>8, rue des Francs-Bourgeois<BR>75003 Paris<BR> </DIV>]]></description> <styleUrl>#style79</styleUrl> <Point> <coordinates>2.363472,48.856709,0.000000</coordinates> </Point> </Placemark> <Placemark> <name>Grassmat</name> <description><![CDATA[17, rue du Temple<BR>75004 Paris<BR>]]></description> <styleUrl>#style23</styleUrl> <Point> <coordinates>2.353351,48.858482,0.000000</coordinates> </Point> </Placemark> Ici le 2e PLacemark apparaît sur ma carte mais pas le 1er ! Merci d'avance de votre réponse.

Bonjour Depuis hier je me prends la la tête sur un prob de CSS qui paraît vraiment une broutille et pourtant. Si quelqu'un avait la gentillesse de me filer un coup de main... J'ai un div dans un autre div : <div id="encadre_article"> <div id="surtitre_encadre_article">Surtitre de l'encadre</div> <p class="titre_encadre_article">Titre de l'encadré</p> <p class="txt_encadre_article">Texte de l'encadré</p> </div> Le div qui me pose problème est celui en rouge L'identifiant #surtitre_encadre_article porte les caractéristiques CSS suivantes : #surtitre_encadre_article{ background-color: #9e131c; font-size: 11px; font-weight: bold; color: #fff; width:130px; padding-left: 5px; padding-right: 5px; text-transform:uppercase; margin: 0px; } Je souhaite que ce div rouge puisse faire 2 choses mais en vain : - se positionner centrer tout en haut de l'encadré - que le bandeau rouge puisse s'agrandir ou se diminuer en fonction de la longueur du texte qu'il contient. Merci d'avance de vos idées de génie !