J'ai essayé de créer un menu pour mon site à partir de http://css.alsacreations.com/modelesmenus/vd2.htmce modèle
[/url] seulement j'ai plusieurs problèmes notamment car je veux compliquer un peu (voir beaucoup dirons peut-être certains Smiley ohwell ) ce menu.

La page CSS de mon site se trouve ici
L'index de mon site ici

1.Problème de cumul de fonction.
En fait je voudrais que quand on passe sur mes boutons l'image change, et ce script marche uniquement pour les boutons qui n'ont pas de sous-menu malheureusement comme "Events" par exemple. Il faudrait donc que ça change d'image et qu'en plus ça m'ouvre le sous Menu.

2.Problème de sous-sous menu.
De manière à mieux hierarchiser mon site, j'aimerai faire un "sous-sous menu", par exemple pour ma page Reverse Kick Drums je souhaiterai qu'elle soit accessible depuis le menu, hors on n'a accès qu'à la partie "kick drums", et pas à sa sous partie, donc comment faire un sous sous menu au niveau du script sans que ça chamboule tout comme je l'ai déjà fait en me lançant dans des tests anarchiques Smiley confus

3.Problème de Taille. J'ai un problème de largeur de mon menu, en fait je voudrais que la largeur du menu s'ajuste automatiquement par rapport au texte le plus long du sous menu (j'ai testé width:auto ça me met un mot par ligne), par exemple dans "Interviews" le plus long (ou large) c'est "Carpetface and DJ Samo", par contre sous "Articles" c'est "Gearing up for beatbox part 1: The basic kit and recording with your computer" (j'ai d'ailleurs fixer la largeur de tous mes menus par rapport à celui-ci) mais comment faire pour que change selon mes sous menu et que vraiment ça s'adapte au nom le plus long sans retour à la ligne de mon sous menu ?

4.Problème de nombre de sous-menu. Comme vous pouvez le voir (sous IE surtout) mes sous-menu links et products restent figés, cela est dû au fait que je les ai nommé smenu11 et smenu12 et en fait avec le script ça ne passe que si mon menu porte un numéro à un chiffre, comment changer cela?

Merci d'avance pour vos réponses.


P.S: Je sais j'ai des problèmes de positionnement CSS, des problèmes de validation, ça passe mal avec les autres navigateurs, je vais créer des sujets là-dessus d'ici peu car seul je n'y arrive pas. Smiley help
Modifié par Jefferson (17 Dec 2005 - 17:40)
Toujours pas de réponse Smiley decu je vous met le code source de mon menu.

Pour la partie CSS:

.menu {
float:left;
width: auto;
background-color: #990000;
top: 0em;
left: 0em;
width: 0em;
}
.menu dt {
cursor: pointer;
background: #990000;
height: 25px;
line-height: 25px;
margin: 0px 0;
border: 0px;
text-align: center;
font-weight: bold;
}

.menu dd {
position: absolute;
z-index: 100;
left: 135px;
margin-top: -27px;
width:385%;
background: #990000;
border: 0px;
}

.menu ul {
padding: 0px;
}
.menu li {
font-size: 1.2em;
text-align: left;
height: 0px;
line-height: 1.2em;
font-weight: bold;
}
.menu li a, #menu dt a {
color: #FFFFFF;
background-color: #990000;
text-decoration: none;
display:compact;
}

.menu li a:hover {
text-decoration: underline;
color: #000000;
}
.menu a:visited {
   background: #990000;
   color: #FFFFFF;
   font-weight: bold;
}


La partie HTML:
      <div class="menu">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)
x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}

//-->
</script>
<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>

<td width=135 bgcolor="#990000" valign=top>
<table valign=top border=0 cellpadding=0 cellspacing=0 width=135>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=home"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image2','','../images/homepage/home_roll.gif',1)"><img
src="../images/homepage/home.gif" name="Image2"
alt="HOME" width="135" height="25" border="0"></a></td></tr>


<tr><td align=right bgcolor="#990000"><a
href="index.php?page=artists"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image2','','../images/homepage/artists_roll.gif',1)"><img
src="../images/homepage/artists.gif" name="Image2"
alt="ARTISTS" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000">
		<dt onmouseover="javascript:montre('smenu3');"><a
href="index.php?page=interviews"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','../images/homepage/interviews_roll.gif',1)"><img
src="../images/homepage/interviews.gif" name="Image1"
alt="INTERVIEWS" width="135" height="25" border="0"></a></dt>
			<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="index.php?page=rahzel_interview">Rahzel</a></li>
					<li><a href="index.php?page=thepetebox_interview">THePETEBOX</a></li>
					<li><a href="index.php?page=hobbit_interview">Hobbit</a></li>
					<li><a href="index.php?page=mc_xander_interview">MC Xander</a></li>
					<li><a href="index.php?page=tyte_interview">TyTe</a></li>
					<li><a href="index.php?page=poizunus_interview">Poizunus</a></li>
					<li><a href="index.php?page=faith_sfx_interview">Faith SFX</a></li>
					<li><a href="index.php?page=yasson_interview">yasSon</a></li>
					<li><a href="index.php?page=mc_squared_interview">MC SQUARED</a></li>
					<li><a href="index.php?page=indra_interview">Indra</a></li>
					<li><a href="index.php?page=killa_kela_2005_interview">Killa Kela 2005</a></li>
					<li><a href="index.php?page=leejay_interview">Leejay</a></li>
					<li><a href="index.php?page=carpetface_and_dj_samo_interview">Carpetface and DJ Samo</a></li>
					<li><a href="index.php?page=kidlucky_interview">Kidlucky</a></li>
					<li><a href="index.php?page=mark_splinter_interview">Mark Splinter</a></li>
					<li><a href="index.php?page=joel_turner_interview">Joel Turner</a></li>
					<li><a href="index.php?page=shlomo_interview">Shlomo</a></li>
					<li><a href="index.php?page=killa_kela_interview">Killa Kela</a></li>
					<li><a href="index.php?page=click_tha_supah_latin_interview">Click Tha Supah Latin</a></li>
					<li><a href="index.php?page=michael_winslow_interview">Michael Winslow</a></li>
				</ul>
			</dd>	
</td></tr>

<tr><td align=right bgcolor="#990000">
		<dt onmouseover="javascript:montre('smenu4');"><a
href="index.php?page=articles"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','../images/homepage/articles_roll.gif',1)"><img
src="../images/homepage/articles.gif" name="Image1"
alt="ARTICLES" width="135" height="25" border="0"></a></dt>
			<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="index.php?page=the_phonetics_of_beatboxing_article">The Phonetics of Beatboxing </a></li>
					
<li><a href="index.php?page=standard_beatbox_notation_(sbn)_article">Standard Beatbox Notation (SBN)</a></li>

				<li><a href="index.php?page=the_art_of_mixing_article">The Art of Mixing</a></li>
					<li><a href="index.php?page=gearing_up_for_beatbox_part_1_the_basic_kit_and_recording_with_your_computer_article">Gearing up for beatbox part 1: The basic kit and recording with your computer</a></li>
					<li><a href="index.php?page=vecmap_beatbox_tutor_article">Vecmap Beatbox Tutor </a></li>
					<li><a href="index.php?page=layering_with_the_archangel_part_1_article">Layering with The Archangel: Part 1</a></li>
					<li><a href="index.php?page=beatz_from_the_streetz__beatbox_documentary_article">Beatz from the Streetz : Beatbox Documentary</a></li>
					<li><a href="index.php?page=audio_compression_article">Audio Compression</a></li>
					<li><a href="index.php?page=beatboxer_artwork__phrost_and_colobus_article">Beatboxer Artwork : Phrost and Colobus</a></li>
					<li><a href="index.php?page=if_your_mother..._article">If Your Mother...</a></li>
					<li><a href="index.php?page=inward_snares_article">Inward Snares</a></li>
					<li><a href="index.php?page=the_real_history_of_beatboxing_part_1_article">The Real History of Beatboxing : Part 1</a></li>
					<li><a href="index.php?page=the_real_history_of_beatboxing__part_2_article">The Real History of Beatboxing : Part 2</a></li>
					<li><a href="index.php?page=the_real_history_of_beatboxing__Part_3_article">The Real History of Beatboxing : Part 3</a></li>
					<li><a href="index.php?page=the_wind_technique_article">The Wind Technique</a></li>
					<li><a href="index.php?page=two_things...about_mics_article">Two things...about mics</a></li>
					<li><a href="index.php?page=recording_and_uploading_beats_article">Recording and Uploading Beats</a></li>
					<li><a href="index.php?page=holding_the_mic_article">Holding the Mic</a></li>
					<li><a href="index.php?page=pc_recording_(using_audacity)_article">PC Recording (using Audacity)</a></li>
					<li><a href="index.php?page=what_is_human_beatboxing_article">What is Human Beatboxing?</a></li>
					<li><a href="index.php?page=learning_to_beatbox_article">Learning to Beatbox</a></li>
					<li><a href="index.php?page=rigged_for_cheap_article">Rigged for Cheap</a></li>
					<li><a href="index.php?page=drum_vocabulary_article">Drum Vocabulary</a></li>
				</ul>
			</dd>	
</td></tr>

<tr><td align=right bgcolor="#990000">
		<dt onmouseover="javascript:montre('smenu5');"><a
href="index.php?page=reviews"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','../images/homepage/reviews_roll.gif',1)"><img
src="../images/homepage/reviews.gif" name="Image1"
alt="REVIEWS" width="135" height="25" border="0"></a></dt>
			<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="index.php?page=2005_uk_beatbox_championships_review">2005 UK Beatbox Championships</a></li>
					<li><a href="index.php?page=2004_human_beatbox_convention_review">2004 Human Beatbox Convention</a></li>
					<li><a href="index.php?page=2003_human_beatbox_convention_review">2003 Human Beatbox Convention</a></li>
					<li><a href="index.php?page=which_microphone_review">Which Microphone?</a></li>
					<li><a href="index.php?page=glossary_of_microphone_terms_review">Glossary of Microphone Terms</a></li>
					<li><a href="index.php?page=bristol_-_the_“wet”_jam_–_12-10-2005_review">Bristol - The “Wet” Jam – 12/10/2005</a></li>
					<li><a href="index.php?page=killa_kela__elocution_review">Killa Kela : Elocution</a></li>
					<li><a href="index.php?page=make_the_music_with_your_mouth_review">Make The Music With Your Mouth</a></li>
					<li><a href="index.php?page=andy_frost__the_complete_vocal_percussionist_dvd_review">Andy Frost : The Complete Vocal Percussionist DVD</a></li>
					<li><a href="index.php?page=make_some_noise__showcases_(part_2)_review">Make Some Noise : Showcases (Part 2)</a></li>
					<li><a href="index.php?page=the_hope_sessions_review">The Hope Sessions</a></li>
					<li><a href="index.php?page=lithuanian_beatbox_championships_2005_review">Lithuanian Beatbox Championships 2005</a></li>
					<li><a href="index.php?page=make_some_noise__showcases_(part_1)_review">Make Some Noise : Showcases (Part 1)</a></li>
					<li><a href="index.php?page=shlomo_visits_vilnius,_lithuania_review">Shlomo visits Vilnius, Lithuania</a></li>
					<li><a href="index.php?page=make_some_noise_2005__beatbox_battles_review">Make Some Noise 2005 : Beatbox Battles</a></li>
					<li><a href="index.php?page=umf_review_review">UMF Review</a></li>
					<li><a href="index.php?page=consonant_rhyme__issue_1_review">Consonant Rhyme : Issue 1</a></li>
					<li><a href="index.php?page=scratch__embodiment_of_instrumentation_review">Scratch : Embodiment of Instrumentation</a></li>
					<li><a href="index.php?page=king_of_the_jam_2004b_-_review_by_dekoy_review">King of the Jam 2004b - Review By Dekoy</a></li>
					<li><a href="index.php?page=music_review__bjork_-_medulla_review">Music Review : Bjork - Medulla</a></li>
					<li><a href="index.php?page=brighton,_uk_christmas_jam_2004_-_by_addy_p_review">Brighton, Uk Christmas Jam 2004 - By Addy_P</a></li>
					<li><a href="index.php?page=make_some_noise_workshops,_bristol,_uk_by_yasson_review">Make Some Noise Workshops, Bristol, UK by yasSON</a></li>
					<li><a href="index.php?page=make_some_noise,_bristol,_uk_-_by_kamniks_review">Make Some Noise, Bristol, UK - by Kamniks</a></li>
					<li><a href="index.php?page=benefit_concert_for_kenny_muhammad_-_review_by_semerock_review">Benefit Concert For Kenny Muhammad - Review By Semerock</a></li>
					<li><a href="index.php?page=killa_kela_@_dekefex_-_review_by_tyte_review">Killa Kela @ DEKEFEX - Review by TyTe</a></li>
					<li><a href="index.php?page=rahzel_@_fabricLive_-_review_by_tyte_review">Rahzel @ FabricLive - Review by TyTe</a></li>
					<li><a href="index.php?page=roots_day,_essential_festival,_bristol,_uk,_6_may_2002_-_by_emcee_live_review">Roots Day, Essential Festival, Bristol, UK, 6 May 2002 - By Emcee Live</a></li>
					<li><a href="index.php?page=killa_kela_the_permanent_marker_-_review_by_a-plus_review">Killa Kela: The Permanent Marker - Review by A-Plus</a></li>
					<li><a href="index.php?page=king_of_the_jam_2002a_-_by_a-plus_review">King of The Jam 2002A - by A-Plus</a></li>
					<li><a href="index.php?page=boston_jam_2003a_-_by_spitkicka_review">Boston Jam 2003A - by Spitkicka</a></li>
				</ul>
			</dd>	
</td></tr>

<tr><td align=right bgcolor="#990000">
		<dt onmouseover="javascript:montre('smenu6');"><a
href="index.php?page=tutorials"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','../images/homepage/tutorials_roll.gif',1)"><img
src="../images/homepage/tutorials.gif" name="Image1"
alt="TUTORIALS" width="135" height="25" border="0"></a></dt>
			<dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="index.php?page=introduction_tutorial">Introduction</a></li>
					<li><a href="index.php?page=lessons_tutorial">Lessons</a></li>
					<li><a href="index.php?page=kick_drums_tutorial">Kick Drums</a></li>
					<li><a href="index.php?page=snare_drums_tutorial">Snare Drums</a></li>																								
					<li><a href="index.php?page=inward_snare_drums_tutorial">Inward Snare Drums</a></li>
					<li><a href="index.php?page=hi-hats_and_cymbals_tutorial">Hi-hats and Cymbals</a></li>
					<li><a href="index.php?page=clicks_tutorial">Clicks</a></li>
					<li><a href="index.php?page=rolls_tutorial">Rolls</a></li>
					<li><a href="index.php?page=shakers_tutorial">Shakers</a></li>
					<li><a href="index.php?page=scratching_tutorial">Scratching</a></li>
					<li><a href="index.php?page=bass_sounds_tutorial">Bass Sounds</a></li>
					<li><a href="index.php?page=instruments_tutorial">Instruments</a></li>
					<li><a href="index.php?page=oscillations_tutorial">Oscillations</a></li>
					<li><a href="index.php?page=sound_effects_(sfx)_tutorial">Sound Effects (SFX)</a></li>
					<li><a href="index.php?page=techniques_tutorial">Techniques</a></li>
				</ul>
			</dd>	
</td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=events"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image7','','../images/homepage/events_roll.gif',1)"><img
src="../images/homepage/events.gif" name="Image7"
alt="EVENTS" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=battles"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image8','','../images/homepage/battles_roll.gif',1)"><img
src="../images/homepage/battles.gif" name="Image8"
alt="BATTLES" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=forum"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image9','','../images/homepage/forum_roll.gif',1)"><img
src="../images/homepage/forum.gif" name="Image9"
alt="FORUM" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=chat"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image10','','../images/homepage/chat_roll.gif',1)"><img
src="../images/homepage/chat.gif" name="Image10"
alt="CHAT" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000">
		<dt onmouseover="javascript:montre('smenu11');"><a
href="index.php?page=links"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','../images/homepage/links_roll.gif',1)"><img
src="../images/homepage/links.gif" name="Image1"
alt="LINKS" width="135" height="25" border="0"></a></dt>
			<dd id="smenu11" onmouseover="javascript:montre('smenu11');" onmouseout="javascript:montre();">
				<ul>
<li><a href="index.php?page=beatboxer_sites_link">Beatboxer Sites</a></li>
<li><a href="index.php?page=beatbox_battle_sites_link">Beatbox Battle Sites</a></li>
<li><a href="index.php?page=partner_sites_and_world_beatboxing_federation_(wbbf)_link">Partner Sites and World Beatboxing Federation (WBBF)</a></li>
<li><a href="index.php?page=beatbox_legends_link">Beatbox Legends</a></li>
<li><a href="index.php?page=portals,_archives_and_forums_link">Portals, Archives and Forums</a></li>
<li><a href="index.php?page=tips_and_tutorials_link">Tips and Tutorials</a></li>
<li><a href="index.php?page=a-cappella_link">A-Cappella</a></li>
				</ul>
			</dd>	
</td></tr>

<tr><td align=right bgcolor="#990000">
		<dt onmouseover="javascript:montre('smenu12');"><a
href="index.php?page=products"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image1','','../images/homepage/products_roll.gif',1)"><img
src="../images/homepage/products.gif" name="Image1"
alt="PRODUCTS" width="135" height="25" border="0"></a></dt>
			<dd id="smenu12" onmouseover="javascript:montre('smenu12');" onmouseout="javascript:montre();">
				<ul>
<li><a href="index.php?page=full_membership!_product">Full Membership!</a></li>
<li><a href="index.php?page=humanbeatbox.com_video_magazine_01_dvd_product">HUMANBEATBOX.COM Video Magazine 01 DVD</a></li>
<li><a href="index.php?page=mc_squared__beatbox_dvd_product">MC SQUARED : Beatbox DVD</a></li>
<li><a href="index.php?page=gallery__products_featuring_our_members_product">GALLERY : Products featuring our members</a></li>
<li><a href="index.php?page=hbb_wallpapers_product">HBB Wallpapers</a></li>
<li><a href="index.php?page=human_beatbox_2003_convention_dvd_product">Human Beatbox 2003 Convention DVD</a></li>
<li><a href="index.php?page=learn_to_beatbox_vol.1_dvd-r_product">Learn to Beatbox Vol.1 DVD-R</a></li>
				</ul>
			</dd>	
</td></tr>


<tr><td align=right bgcolor="#990000"><a
href="index.php?page=contribute"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image13','','../images/homepage/contribute_roll.gif',1)"><img
src="../images/homepage/contribute.gif" name="Image13"
alt="CONTRIBUTE" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=donation"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image14','','../images/homepage/donation_roll.gif',1)"><img
src="../images/homepage/donation.gif" name="Image14"
alt="MAKE A DONATION" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=realization"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image15','','../images/homepage/realization_roll.gif',1)"><img
src="../images/homepage/realization.gif" name="Image15"
alt="REALIZATION" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=contact"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image16','','../images/homepage/contact_roll.gif',1)"><img
src="../images/homepage/contact.gif" name="Image16"
alt="CONTACT" width="135" height="25" border="0"></a></td></tr>

<tr><td align=right bgcolor="#990000"><a
href="index.php?page=search"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image17','','../images/homepage/search_roll.gif',1)"><img
src="../images/homepage/search.gif" name="Image17"
alt="SEARCH" width="135" height="25" border="0"></a></td></tr>
</table>
      </div>


Je voulais pas en arriver là car il est long mon code mais vu que personne ne répond je me suis dit que ça serait peut-être utile pour les éventuelles personnes qui pourraient me venir en aide.

Bonne fête à tous. Smiley saoul [/i][/i][/i][/i][/i][/i]
Pense d'abord à faire valider ta page avant, ça enleverra déjà peut-être des erreurs ...

Attention : je ne dis pas que c'est la solution à tes problèmes mais des fois, mais ça peut aider Smiley cligne

Une remarque supplémentaire :

quand je vois ça,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"> 
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>www.Humanbeatbox.FR</title>

ça me fait bondir ! Et la balise <html>, elle est où ??? Smiley eek
Aille… Effectivement j'avais oublié le <html>, je viens de le rajouter et ce n'est pas pour autant que ça passe mieux Smiley ohwell Par rapport à la validation, justement j'ai créé un autre sujet par rapport à ma mise en page, où j'ai justement mis mes éléments vides (ou presque) car je sais (parmi le peu de truc que je sais) qu'il faut d'abord bien valider son CSS avant de valider son XHTML. Sinon effectivement j'aimerai bien valider ma page, j'avais commencé à le faire d'ailleurs mais je n'y comprend pas grand chose ça me détecte des erreurs bizarres qui pour moi n'en sont pas du genre "end tag for element "HEAD" which is not open." alors que plus haut j'ai mis <head>.

Au passage je fais une petite annonce que je posterais plus tard dans la partie "Bar du forum" (à la place de le monde pro car travail bénévole) je recherche un webmaster si possible passionné de beatboxing (l'art de faire la musique avec sa bouche) pour rejoindre l'équipe de mon site (qui pour l'instant n'a que des traducteurs-journalistes-caméraman et pas de webmaster mis à part moi qui n'y connais presque rien Smiley bawling ) donc avis aux passionnés qui ont un peu de temps libre !
Modifié par Jefferson (26 Dec 2005 - 19:41)
Comme on me l'a conseillé sur le forum de toutjavascript.com, j'ai importé mon menu, et les lignes les plus longues sont:
-Dans le sous menu de ma partie "Interviews" c'est "Carpetface and DJ Samo" avec 22 caractères.
-Dans le sous menu de ma partie "Articles" c'est "Gearing up for beatbox part 1: The basic kit and recording with your computer" avec 77 caractères.
-Dans le sous menu de ma partie "Reviews" c'est "Roots Day, Essential Festival, Bristol, UK, 6 May 2002 - By Emcee Live" avec 70 caractères.
-Dans le sous menu de ma partie "Tutorials" c'est "Hi-hats and Cymbals" à égalité avec "Sound Effects (SFX)" avec 19 caractères.
-Dans le sous menu de ma partie "Links" c'est "Partner Sites and World Beatboxing Federation (WBBF)" avec 52 caractères.
-Dans le sous menu de ma partie "Products" c'est "GALLERY : Products featuring our members" avec 40 caractères.

Donc mon sous-menu le plus long fait 77 caractères, à présent je suis sensé avec ça retenir les valeurs les plus longues dans des variables et définir les largeurs de mes sous-menus en fonction de ces variables… Seulement c'est à peine si je sais ce que c'est qu'une variable, en javascript je suis encore plus mauvais qu'en CSS !!! D'ailleurs au passage mon problème de mise en page est quasiment résolu voir ici j'ai encore du mal à passer le validateur pour quelques erreurs incompréhensibles mais bon ça marche ou presque (sous Firefox ça fait y'a un petit espace blanc voir l'explication dans mon post).

Autrement personne n'a des idées pour mes autres problèmes 1,2, et 4 ?

Qui assure le service après vente ? On est garanti combien de temps ? Argh c'est pas Darty ici Smiley fache ! Non je rigole ! Smiley cligne Smiley lol

Merci et bonnes fêtes encore !
Problème 1 Résolu tout seul comme un grand, mais j'attend toujours votre aide pour les problèmes 2,3, et 4 !!!
En fait au cas où ça serve à quelqu'un mon problème de cumul de fonction n'en était pas vraiment un, mon problème venait du fait que j'avais plusieurs fois:
="MM_swapImage('Image1'

et
.gif" name="Image1"


et en fait il fallait juste que je change les numéro de "Image1" en "Image2", 3, 4, et ainsi de suite !

J'ai fait une page avec mon menu uniquement sur cette page autrement mon site complet (en construction) c'est ici
Toujours pas de réponse donc j'ai fait des tests à l'arrach' sans comprendre le javascript et de cette manière j'ai résolu mon problème n°4 par rapport au nombre de sous menu, en fait il fallait juste que je change
for (var i = 1; i<=[b][#red]10[/#][/b]; i++) {
en
for (var i = 1; i<=[b][#red]100[/#][/b]; i++) {


Il me reste donc les problèmes 2 et 3 sans compter le problème super important qui fait que mon menu ne passe pas sous Mozilla/Firefox ! Par rapport à ce dernier je crois que je vais créer un autre sujet car ça ne bouge pas beaucoup dans ce sujet…
Pour Mozilla et Firefox c'est bon ça passe maintenant (du moins chez moi ça va) j'ai créé un sujet pour rien vu que j'ai trouvé la solution seul voir ici.