[html/ccs] petit probleme de div/table

petit probleme de div/table [html/ccs] - HTML/CSS - Programmation

Marsh Posté le 08-07-2004 à 10:30:21    

hello
 
je suis actuellement en developement d'un site web legé.
 
mais j ai un soucis dans le sous menu bleu, il y 3 pixel qui depasse :D
 
voila le lien : www.aumojo.com/media
 
le code :
 

Code :
  1. TABLE{
  2. border-spacing:0px;
  3. border-collapse:collapse;
  4. }
  5. div#sousmenu {
  6. position:absolute;
  7. top:150px;
  8. left:177px;
  9. background-repeat:no-repeat;
  10. padding-left:10px;
  11. }
  12. #sousmenu a {
  13. color:#000000;
  14. Text-decoration:none;
  15. font-family: Verdana, Arial, Helvetica, sans-serif;
  16. font-size: 10px;
  17. }
  18. #sousmenu a:hover {
  19. color :  #006699;
  20. }


 
page html :
 

Code :
  1. <div id="sousmenu">
  2. <table>
  3. <tr><td background="trai10_11.gif" width="16"></td>
  4.      <td background="trai10_13.gif" height="15">
  5.       .::. <a href="toto">Nos produits logiciels .::.</a> .::.
  6.       <a href="toto">Nos produits matériels</a>
  7.     
  8.      </td>
  9.     <td background="trai10_15.gif" width="15"></td></tr>
  10.     </table>
  11. </div>


 
edit : trai10_11.gif -< correspond au coin gauche
trai10_13.gif <- pti bout droit de 3px
trai10_15.gif <- coin droit


Message édité par joulpouille le 08-07-2004 à 10:45:47
Reply

Marsh Posté le 08-07-2004 à 10:30:21   

Reply

Marsh Posté le 08-07-2004 à 10:37:31    

déjà, il te manque un </tr>
<table border="0" cellspacing="0"> ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 08-07-2004 à 10:45:27    

T509 a écrit :

déjà, il te manque un </tr>
<table border="0" cellspacing="0"> ?


 
ouai le tr est mal passé au copier /coller :D
 
border="0" cellspacing="0" --< ca donne rien :(

Reply

Marsh Posté le 08-07-2004 à 10:47:23    

le probleme est la
td background="trai10_13.gif" height="15">
 
met
 
td background="trai10_13.gif" height="15" style="background-repeat:no-repeat;">

Reply

Marsh Posté le 08-07-2004 à 10:50:36    

tout css :
 
<div id="sousmenu"><span class="cont_sous_menu">Sous menu</span></div>
 
tu peux mettre un background au span, et utiliser les pseudo classes :before et :after pour mettre tes 2 extrémités


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 08-07-2004 à 10:51:00    

chacal_one333 a écrit :

le probleme est la
td background="trai10_13.gif" height="15">
 
met
 
td background="trai10_13.gif" height="15" style="background-repeat:no-repeat;">


 
le probleme c'est que l'image de fond doit se repeté vu que c'une une petite bande de 3px pour que ca s'adapte au contenu :(

Reply

Marsh Posté le 08-07-2004 à 10:52:26    

ben non, ca suffit une seule fois.
 
La bout de 3 px qui dépasse, c'est l'image qui se repete

Reply

Marsh Posté le 08-07-2004 à 10:56:52    

chacal_one333 a écrit :

ben non, ca suffit une seule fois.
 
La bout de 3 px qui dépasse, c'est l'image qui se repete


 
l'image de fond ressemble a ca : http://www.aumojo.com/media/trai10_13.gif
 
donc si je met "no-repeat" elle va s'affiché qu'une seul fois alors qu elle doit s'affiche autant de fois que le contenu de la cellule l'impose.

Reply

Marsh Posté le 08-07-2004 à 10:58:14    

background-repeat:repeat-x alors :)

Reply

Marsh Posté le 08-07-2004 à 10:58:16    

repeat-x


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 08-07-2004 à 10:58:16   

Reply

Marsh Posté le 08-07-2004 à 11:01:06    

chacal_one333 a écrit :

background-repeat:repeat-x alors :)


 
a bah oui la ca marche :D
 
merci
 
sinon j'avai trouvé comment contourné le probleme :  
 
en mettant la div en overflow:hidden et en spécifiant le height a 19 :(  
mais ca me plaisait pas trop
 
merci a vous :)

Reply

Marsh Posté le 08-07-2004 à 14:40:08    

maintenant j'aimerai entouré le site d'une ligne noir ou point tillé.
 
ca a du mal a passé avec "border:1px solid", ca me fai 1 ligne tout en haut, c tout
 
comment faire ? lien tuto ?

Reply

Marsh Posté le 08-07-2004 à 14:43:54    

cela dépend à quoi tu l'appliques ta bordure => div "global"


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 08-07-2004 à 14:51:13    

T509 a écrit :

cela dépend à quoi tu l'appliques ta bordure => div "global"


 

Code :
  1. div#global {
  2. width:100%;
  3. }
  4. div#tout {
  5. width:770px;
  6. position:absolute;
  7. left:50%;
  8. margin-left:-385px;
  9. }


 
que je l applique au 2 ca fait pareil :(

Reply

Marsh Posté le 03-08-2004 à 14:57:48    

Bonjour messieurs,
 
Désolé de vous importuner avec mon intrusion dans ce post... cependant j'ai moi même également un petit soucis avec une div que je veux mettre et updater dans un td d'un table...
 
En fait, je la crée d'abord en javascript via :
 
if (navigator.appName=="Netscape" ){document.writeln('<layer name="menu"></layer>');}
else{document.writeln('<div id="menu">&nbsp;</div>');}
 
et l'update dynamiquement dans une fonction affMenu() via la commande :
 
document.getElementById('menu').innerHTML = chaine;
 
Cependant, le problème est que le contenu de la DIV ne s'affiche pas dans la TD mais en haut de mon fichier... ce qui est relativement.... embêtant. Je ne comprends pas pourquoi elle fait cela... Alors si quelq'un aurait une suggestion, je lui serais très reconnaissant.
 
D'avance merci de vos réponses.
 
Cf. mon code ci dessous...
 
Le JS :  
 
/* menu4 par E.D Prod 1998
   etiennedeb@ifrance.com
   http://javascript.lab.cc
*/
 
if (navigator.appName=="Netscape" ){document.writeln('<layer name="menu"></layer>');}
else{document.writeln('<div id="menu">&nbsp;</div>');}
 
alert("HELLO" );
 
var type;type = new Array();
var level;level = new Array();
var texte;texte = new Array();
var status;status = new Array();
var image;image = new Array();
var lien;lien = new Array();
var pere;pere = new Array();
var ok=0;var nb=1;var Apere=0;var Alevel=1;var oldpere=0;
 
//
// La cible par defaut pour les liens
//
var Acible="_top";
//
 
function ajouter(Anew,Atype,Atexte,Aimage,Alien) {
  if (Anew==1) {Apere=0;Alevel=1;}
  type[nb]=Atype;
  level[nb]=Alevel;
  pere[nb]=Apere;
  status[nb]=0;
  texte[nb]=Atexte;
  image[nb]=Aimage;
  lien[nb]=Alien;  
  if (Atype==1) {Apere=nb;}  
  nb+=1;if (Atype==1) {Alevel+=1;}
}
 
function ouvre(num){
 status[num]=1;affMenu();
}
 
function ferme(num){
 status[num]=0;affMenu();
}
 
function verif(num){
 if (pere[num]!=0) {
  while (pere[num]!=0) {
   num=pere[num];
   if (status[num]==0) {ok=0;}
  }
 }
}
 
function affMenu(){
 var chaine = "";var saute=0;var niveau=1;
 for (var i = 1; i < texte.length; i++) {
  ok=1;
  verif(i);
  if (ok==1) {
   for (var j = 1; j < level[i]; j++) {
    if (j == level[i]-1) {
     chaine+="<img src='images/espacef.gif' align='top'>";}
    else {
     chaine+="<img src='images/espace2.gif' align='top'>";}
   }
   if (type[i]==1) {
    if (status[i]==0) {
     chaine+="<img src='images/fermer.gif' border='0' align='top' onmouseup='ouvre("+i+" )'>&nbsp;";
     chaine+="<A HREF='javascript:ouvre("+i+" )' class='liens'>"+texte[i]+"</a>";
    }
    else {
     chaine+="<img src='images/ouvert.gif' border='0' align='top' onmouseup='ferme("+i+" )'>&nbsp;";
     chaine+="<A HREF='javascript:ferme("+i+" )' class='liens'>"+texte[i]+"</a>";
    }
   }
   else {
    chaine+="<A HREF='"+lien[i]+"' class='liens' target='"+Acible+"'>";
    if (image[i]=="" ) {
     chaine+="<img src='images/lien.gif' border='0' align='top'>&nbsp;";
    }
    else {
     chaine+="<img src='"+"images/"+image[i]+"' border='0' align='top'>&nbsp;";
    }
    chaine+=texte[i];
    chaine+="</A>"
   }
   chaine+="<BR>";
  }
 }
 
 if (navigator.appName=="Netscape" ){
  document.layers['menu'].document.write(chaine);
  document.layers['menu'].document.close();
 }
 else{
 document.getElementById('menu').innerHTML = chaine;
 }
}
 
// Les entrees du menu sont crees ici
// argument 1: si mis a 1 signifie que c'est une nouvelle branche (ou fin de la branche en cours)
// argument 2: type de l'entree, 1 pour un dossier, 2 pour un lien
// argument 3: texte qui apprait dans le menu
// argument 4: Icone associe
// argument 5: Lien associe
 
ajouter(1,1,"Environement","","ShowHeaderAction.action?option=options1" );
ajouter(0,2,"Général","","ShowHeaderAction.action?option=options11" );
ajouter(0,2,"Arbre","","ShowHeaderAction.action?option=options12" );
ajouter(0,2,"Raccourcis","","ShowHeaderAction.action?option=options13" );
ajouter(0,2,"Dossiers","","ShowHeaderAction.action?option=options14" );
ajouter(0,2,"Confirmations","","ShowHeaderAction.action?option=options15" );
ajouter(1,1,"Taches","","ShowHeaderAction.action?option=options2" );
ajouter(1,1,"Processus","","ShowHeaderAction.action?option=options3" );
ajouter(1,1,"File processus","","ShowHeaderAction.action?option=options4" );
ajouter(1,1,"Document","","ShowHeaderAction.action?option=options5" );
ajouter(1,1,"Formulaires","","ShowHeaderAction.action?option=options6" );
ajouter(1,1,"Mail","","ShowHeaderAction.action?option=options7" );
 
Dans le fichier HTML initial, je fais bien sûr un appel de la fonction affMenu(); au moment opportun, c'est à dire dans ma balise TD...
 
<td width="20%" valign="top">
<SCRIPT LANGUAGE="javascript">
affMenu();
</SCRIPT>
</td>
 
Mais cela ne se positionne pas bien... seulement en haut à gauche de ma page...
 
Quelqu'un aurait-il une idée s'iou plaît, cela me décoincerait vraiment.... merci d'avance...


---------------
Anthony
Reply

Marsh Posté le 03-08-2004 à 17:01:49    

joulpouille a écrit :

hello
 
je suis actuellement en developement d'un site web legé.
 
mais j ai un soucis dans le sous menu bleu, il y 3 pixel qui depasse :D
 
voila le lien : www.aumojo.com/media

Marche pas le lien


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 03-08-2004 à 17:37:22    

effisk a écrit :

Marche pas le lien


 
en meme temp le topic a 1 mois  :sarcastic:  
 
j'ai plus de probleme, le site est fini et emballé et mon patron content
 
happy end

Reply

Marsh Posté le 03-08-2004 à 17:41:24    

huhu j'avais pas vu. c'est lacouine qui l'a remonté avec son foutoir en JavaScript.  :pt1cable:


---------------
London Box Office: Comédie Musicale Londres
Reply

Marsh Posté le 03-08-2004 à 17:44:32    

effisk a écrit :

huhu j'avais pas vu. c'est lacouine qui l'a remonté avec son foutoir en JavaScript.  :pt1cable:


 
je suis contre cette pratique de remontage de topîc  :D

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed