CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 29 20:36:49

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

probleme d'affichage menu java + CSS

Poser une question dans le forum ou lancer une discussion

probleme d'affichage menu java + CSS

vendredi 9 mars 2007 à 14:14:06 | probleme d'affichage menu java + CSS

loupile

14 msg

94 msg CS

Bonjour

j'ai un problème d'affichage d'un menu java sur une page php ... le code d'affichage du menu est celui ci :

<DIV id="menujava"><table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="img/_dot.gif" width="16" height="4" /></td>
            <td align="left">
              <div id="anylinkmenu1" style="position: absolute; top: 0px; left: 0px; visibility: hidden;" >
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td colspan="3" bgcolor="#9732a2"><img src="img/_dot.gif" width="160" height="4" /></td>
                  </tr>
                  <tr>
                    <td bgcolor="#9732a2"><img src="img/menu_fl1.gif" width="24" height="18" /></td>
                    <td bgcolor="#9732a2" class="liennav10"><a href="imaginez.html" class="liennav10">Imaginer</a></td>
                    <td bgcolor="#9732a2" class="liennav10"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> L’Idée</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="imaginez_marche.html" class="liennav10">> Le Marché</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> Les Partenaires</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td bgcolor="#9732a2"><img src="img/menu_fl1.gif" width="24" height="18" /></td>
                    <td bgcolor="#9732a2" class="liennav10"><a href="#" class="liennav10">Financer</a></td>
                    <td bgcolor="#9732a2" class="liennav10"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> Emprunter</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> Le Capital-risque</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> Externaliser</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td bgcolor="#9732a2"><img src="img/menu_fl1.gif" width="24" height="18" /></td>
                    <td bgcolor="#9732a2" class="liennav10"><a href="#" class="liennav10">Se lancer </a></td>
                    <td bgcolor="#9732a2" class="liennav10"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> Les étapes </a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td height="15" bgcolor="#c48aca"> </td>
                    <td bgcolor="#c48aca"><a href="#" class="liennav10">> L'installation</a></td>
                    <td bgcolor="#c48aca"> </td>
                  </tr>
                  <tr>
                    <td><img src="img/menu_coin_gb1.gif" width="24" height="7" /></td>
                    <td bgcolor="#C48ACA"><img src="img/_dot.gif" width="125" height="7" /></td>
                    <td><img src="img/menu_coin_db1.gif" width="11" height="7" /></td>
                  </tr>
                </table>
              </div>
              <img src="img/_dot.gif" width="16" height="4" /></td>
            <td align="left">
                <div id="anylinkmenu2" class="anylinkcss">
                  <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td colspan="3" bgcolor="#5e68a2"><img src="img/_dot.gif" width="160" height="4" /></td>
                    </tr>
                    <tr>
                      <td bgcolor="#5e68a2"><img src="img/menu_fl2.gif" width="24" height="18" /></td>
                      <td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Votre image</a></td>
                      <td bgcolor="#5e68a2" class="liennav10"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Marketing </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Communication</a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr bgcolor="#5e68a2">
                      <td><img src="img/menu_fl2.gif" width="24" height="18" /></td>
                      <td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Vos clients</a></td>
                      <td class="liennav10"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Prospection </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> International </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr bgcolor="#5e68a2">
                      <td><img src="img/menu_fl2.gif" width="24" height="18" /></td>
                      <td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Votre équipe</a> </td>
                      <td class="liennav10"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Recruter </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Motiver </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Former </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr bgcolor="#5e68a2">
                      <td><img src="img/menu_fl2.gif" width="24" height="18" /></td>
                      <td bgcolor="#5e68a2" class="liennav10"><a href="#" class="liennav10">Votre croissance</a> </td>
                      <td class="liennav10"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Lever des fonds </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr>
                      <td height="15" bgcolor="#a3a9ca"> </td>
                      <td bgcolor="#a3a9ca"><a href="#" class="liennav10">> Racheter une entreprise </a></td>
                      <td bgcolor="#a3a9ca"> </td>
                    </tr>
                    <tr>
                      <td><img src="img/menu_coin_gb2.gif" width="24" height="7" /></td>
                      <td bgcolor="#a3a9ca"><img src="img/_dot.gif" width="16" height="7" /></td>
                      <td><img src="img/menu_coin_db2.gif" width="11" height="7" /></td>
                    </tr>
                  </table>
                </div>
              <img src="img/_dot.gif" width="16" height="4" /></td>
            <td align="left">
              <div id="anylinkmenu3" class="anylinkcss">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td colspan="3" bgcolor="#206ea2"><img src="img/_dot.gif" width="160" height="4" /></td>
                  </tr>
                  <tr bgcolor="#206ea2">
                    <td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
                    <td class="liennav10"><a href="maitrisez.html" class="liennav10">Gérer</a> </td>
                    <td class="liennav10"> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="maitrisez_gerer_finances.html" class="liennav10">> Finances </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Social </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#206ea2">
                    <td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
                    <td class="liennav10"><a href="#" class="liennav10">Optimiser</a> </td>
                    <td class="liennav10"> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Les impôts </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Economiser </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Externaliser </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#206ea2">
                    <td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
                    <td class="liennav10"><a href="#" class="liennav10">Prévenir</a> </td>
                    <td class="liennav10"> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Risques juridiques </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Sécurité </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Organisation</a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#206ea2">
                    <td><img src="img/menu_fl3.gif" width="24" height="16" vspace="1" /></td>
                    <td class="liennav10"><a href="#" class="liennav10">Technologie</a> </td>
                    <td class="liennav10"> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Communications </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Equipement </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Logiciels </a></td>
                    <td> </td>
                  </tr>
                  <tr bgcolor="#80adca">
                    <td height="15"> </td>
                    <td><a href="#" class="liennav10">> Mobilité </a></td>
                    <td> </td>
                  </tr>
                  <tr>
                    <td><img src="img/menu_coin_gb3.gif" width="24" height="7" /></td>
                    <td bgcolor="#80adca"><img src="img/_dot.gif" width="125" height="7" /></td>
                    <td><img src="img/menu_coin_db3.gif" width="11" height="7" /></td>
                  </tr>
                </table>
              </div>
              <img src="img/_dot.gif" width="16" height="4" /></td>
            <td align="left">
                <div id="anylinkmenu4" class="anylinkcss">
                  <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td colspan="3" bgcolor="#0ba0a2"><img src="img/_dot.gif" width="160" height="4" /></td>
                    </tr>
                    <tr bgcolor="#0ba0a2">
                      <td><img src="img/menu_fl4.gif" width="24" height="18" /></td>
                      <td class="liennav10"><a href="#" class="liennav10">Mandataire</a> </td>
                      <td class="liennav10"> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Le statut juridique </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> La rémunération </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> La protection </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#0ba0a2">
                      <td><img src="img/menu_fl4.gif" width="24" height="18" /></td>
                      <td class="liennav10"><a href="#" class="liennav10">Patrimoine</a> </td>
                      <td class="liennav10"> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Vos droits </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Vos investissements </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Votre fiscalité </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Transmettre </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#0ba0a2">
                      <td><img src="img/menu_fl4.gif" width="24" height="18" /></td>
                      <td class="liennav10"><a href="#" class="liennav10">Horizons</a> </td>
                      <td class="liennav10"> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Management </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Recevoir </a></td>
                      <td> </td>
                    </tr>
                    <tr bgcolor="#74c9ca">
                      <td height="15"> </td>
                      <td><a href="#" class="liennav10">> Agenda </a></td>
                      <td> </td>
                    </tr>
                    <tr>
                      <td><img src="img/menu_coin_gb4.gif" width="24" height="7" /></td>
                      <td bgcolor="#74c9ca"><img src="img/_dot.gif" width="16" height="7" /></td>
                      <td><img src="img/menu_coin_db4.gif" width="11" height="7" /></td>
                    </tr>
                  </table>
                </div>
              <img src="img/_dot.gif" width="16" height="4" /></td>
            <td><img src="img/_dot.gif" width="16" height="4" /></td>
          </tr>
          <tr>
            <td> </td>
            <td><a href="imaginez.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu1')"><img src="img/bt_top_menu1_on.gif" width="128" height="27" border="0" /></a></td>
            <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu2')"><img src="img/bt_top_menu2.gif" width="128" height="27" border="0" /></a></td>
            <td><a href="maitrisez.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu3')"><img src="img/bt_top_menu3.gif" width="128" height="27" border="0" /></a></td>
            <td><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, 'anylinkmenu4')"><img src="img/bt_top_menu4.gif" width="128" height="27" border="0" /></a></td>
            <td> </td>
          </tr>
        </table>

</DIV>

et la fonction javascript et celle ci

var disappeardelay=250 //menu disappear speed onMouseout (in miliseconds)
var enableanchorlink=0 //Enable or disable the anchor link when clicked on? (1=e, 0=d)
var hidemenu_onclick=1 //hide menu when user clicks within menu? (1=yes, 0=no)

/////No further editting needed

var ie5=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden){
if (ie5||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-1000
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-18: window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie5 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-18 : window.pageYOffset+window.innerHeight-15
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function dropdownmenu(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous menu
dropmenuobj.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(dropmenuID)
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility='hidden'}
dropmenuobj.onmouseover=clearhidemenu
dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
showhide(dropmenuobj.style, e, "visible", "hidden")
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}

function clickreturnvalue(){
if ((ie5||ns6) && !enableanchorlink) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie5&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

et la definition de la DIV menu java ... #menujava {position: absolute; left: 275px; top: 150px; }

pour voir ce que cela fait à l'éran http://dev.entreprenez.fr/thema.php

je suis nul en javascript et là je patoge depuis 3 heures alors que je suis sure que c'est une connerie ...

merci de votre précieuse aide ...

vendredi 9 mars 2007 à 15:26:30 | Re : probleme d'affichage menu java + CSS

PetoleTeam

3281 msg

3318 msg CS

B onjour...
tu n'as pas forcement choisi un menu facile à maintenir mais bon

les images servant au suvol pour faire apparaître les sous menus doivent se situer en tête de la table

<DIV id="menujava">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
    <td> </td>
    <td><a href = "imaginez.html" onClick = "return clickreturnvalue()" onMouseover = "dropdownmenu(this, event, 'anylinkmenu1')"><img src = "img/bt_top_menu1_on.gif" width = "128" height = "27" border = "0" /></a></td>
    <td><a href = "#" onClick = "return clickreturnvalue()" onMouseover = "dropdownmenu( this, event, 'anylinkmenu2')"><img src = "img/bt_top_menu2.gif" width = "128" height = "27" border = "0" /></a></td>
    <td><a href = "maitrisez.html" onClick = "return clickreturnvalue()" onMouseover = "dropdownmenu(this, event, 'anylinkmenu3')"><img src = "img/bt_top_menu3.gif" width = "128" height = "27" border = "0" /></a></td>
    <td><a href= "#" onClick = "return clickreturnvalue()" onMouseover = "dropdownmenu( this, event, 'anylinkmenu4')"><img src = "img/bt_top_menu4.gif" width = "128" height = "27" border = "0" /></a></td>
    <td> </td>
  </tr>
ensuite tu mets le reste...
<tr>
    <td><img src = "img/_dot.gif" width = "16" height = "4" /></td>
    <td class = "sousmenu">
    <div id = "anylinkmenu1" class = "anylinkcss">
...etc ...
tu noteras au passage l'affectation d'une class sur les TD contenant les DIVs sous menus...

donc il faut créer une classe sousmenu
td.sousmenu{
vertical-align:top;
text-align:left;
}

il faut que le style anylinkcss soit défini comme suit
.anylinkcss{
visibility: hidden;
z-index: 100;
}
et pour finir dans la fonction
function dropdownmenu(obj, e, dropmenuID){

tu mets en commentaire les lignes
/* ne servent plus à rien
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top =dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
*/

cela devrait être tout OUF...
;0)

vendredi 9 mars 2007 à 15:46:58 | Re : probleme d'affichage menu java + CSS

loupile

14 msg

94 msg CS

merci merci ... ca marche super mais comment je peux faire pour faire en sorte que les onglets soient plus rapprochés ????????
http://dev.entreprenez.fr/thema.php

vendredi 9 mars 2007 à 16:33:01 | Re : probleme d'affichage menu java + CSS

PetoleTeam

3281 msg

3318 msg CS

Alors la ReChangement de technique, je dois admettre que je m'en douté

1/ il fauit déplacer tout tes DIVs class="anylinkcss" en dehors de la table

2/ retablir le style
.anylinkcss{
position:absolute;
visibility: hidden;
z-index: 100;
}
du coup le style td.sousmenu ne sert plus à rien
td.sousmenu{
vertical-align:top;
text-align:left;
}

3/ Les lignes en commentaires dans la fonction
function dropdownmenu(obj, e, dropmenuID){
doivent être réactivées

cela devrait fonctionner...
;0)

vendredi 9 mars 2007 à 18:12:53 | Re : probleme d'affichage menu java + CSS

loupile

14 msg

94 msg CS

bon alors j'ai fais les modis mais ca ne marche pas comme je veux ... j'ai pas du faire ce qu'il fallait ...
pour voir le résultat http://dev.entreprenez.fr/thematique.php

je sais plus comment faire ...

merci de ton aide ...

vendredi 9 mars 2007 à 18:18:41 | Re : probleme d'affichage menu java + CSS

PetoleTeam

3281 msg

3318 msg CS

ton fichier style inc/anylink.css

.anylinkcss{
visibility: hidden;
z-index: 200;
podistion: absolute;
}
position serait plus mieux bien...
;0)

vendredi 9 mars 2007 à 18:24:46 | Re : probleme d'affichage menu java + CSS

loupile

14 msg

94 msg CS

rhoo la la ... bon je viens de changer ... heuresuement que tu corriges ! :-)
mais ca marche pas beaucoup mieux .. je dois ne laisser que les div ?
je ne fais pas un tableau avec toutes les div anylinkmenu ?

vendredi 9 mars 2007 à 18:30:35 | Re : probleme d'affichage menu java + CSS

PetoleTeam

3281 msg

3318 msg CS

Attention
les DIVs ne doivent pas être encapsuler dans le DIV <DIV id="menujava">
;0)

vendredi 9 mars 2007 à 18:33:28 | Re : probleme d'affichage menu java + CSS

loupile

14 msg

94 msg CS

bon on remonte :-) mais je ne sais toujours pas comment les mettre sous les menu .. est ce qu'il faut que je les place comme un div normal avec un left et un top ?

vendredi 9 mars 2007 à 18:38:25 | Re : probleme d'affichage menu java + CSS

PetoleTeam

3281 msg

3318 msg CS

Excuses mets les entre le </DIV>et </BODY> pour ne pas prendre en compte le DIV global
Autres excuses je pars pour le week-end alors tu as 5 mn...SINON ??
;0)))

Cette discussion est classée dans : obj, nbsp, eacute, gt, dropmenuobj

Répondre à ce message

Sujets en rapport avec ce message

obj.innerHTML [ par fgingat ] Bonjour à tous .. Voila mon premier poste concerne un soucis de comprehension de la methode de fonctionnement de obj.innerHTML A savoir sur une page Additions en folie [ par Farfadam ] Bonjour à tous,je me permets de faire appel à vous, car là je sèche.Je cherche à faire la somme de nombreux input.Pour être plus clair, j'ai quelque c problème mathématique [ par matton14 ] Bonjour.Voici mon problème: quels que soient les résultats rentrés, le score est toujours 0/10 et il s'affiche Félicitations!Merci de votre aideQuizz cacher plusieurs div sans écrire tous les arguments javascript/html [ par ornorme ] bonjour, cette fois ci j'ai mon code j'aimerais juste le rendre plus pratique mais j'ignore comment:_voici le script ds le function Masque_OBJ(){ transformer mot en nombre pour créer un pseudo [ par koskeoner ] Bonsoir,j'ai un petit souci j'ai un formulaire HTML avec en entrer date de naissance nom prenom et j'ai egalement une zone de texte en readonly et je afficher un text [ par tonyjim ] Bonjour à tous ;) désolé si je ne post pas à la bonne place [^^choc] voila, j'utilise une fonction javascript pour faire afficher un text sur click Ajout/suppression d'un champ input type -> Problème de récupération du tableau $_POST [ par alaska749 ] Bonjour, j'ai récupérer le script js ci-dessous permettant d'ajouter ou supprimer des input type text... ce script fonctionnne très bien mais je n'arr Problème de test d'un input text dynamique avec js [ par alaska749 ] Bonsoir, J'ai un problème avec le test d'un input text dynamique. En effet, dans le code ci-joint l'utilisateur peut à son grée ajouter ou pas des élé Menu/ssmenu vertical qui ne marche pas comme je voudrais... [ par Nosferatu8 ] Bonjour à tous, Voila j'ai deux petits soucis concernant mon menu vertical déroulant... En fait, j'aurais besoin de deux choses: - lorsque je clique

Livres en rapport

JavaScript

WiFi

Internet pour les nuls (version mini référence)

Architecture et technologie des ordinateurs

Tous les livres pour Obj, Nbsp, Eacute, Gt, Dropmenuobj

Nos sponsors

Derniers Blogs

POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante

JOYEUX ANNIVERSAIRE NIX par ebartsoft

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

Forum

RE : TRIER UNE BDD POUR AFFICHER LES DISPONIBILITéS par anthony428

RE : UTILISER UN .JS par jopop

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un intergiciel temps reel
Budget : 200 000€
Application iphone et android - gestion contenu et version derivees-URGENT-REPUBLICATION
Budget : 5 000€
Creation espace client avec suivi de commande en temps reel
Budget : 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP